TheCoreDev/bio-concept-labo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Laurent LE CORRE
2019-11-20 07:44:43 +01:00
commit 5bf49c4a81
41188 changed files with 5459177 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

268
web/admin1553pskpx/themes/default/sass/partials/_backward.sass Normal file
View File

@@ -0,0 +1,268 @@
.page-sidebar:not(.page-sidebar-closed) .nobootstrap
margin-left: 200px
.nobootstrap
background-color: white
min-width: 1200px
padding: 110px 30px 100px 30px
form p
margin: .5em 0 0
padding: 0 0 .5em
fieldset
background-color: #EBEDF4
border: 1px solid #CCCED7
color: #585A69
margin: 0 0 10px 0
padding: 1em
img
padding: 0 4px 0 0
vertical-align: bottom
legend
background: #EBEDF4
border: 1px solid #CCCED7
font-weight: 700
margin: 0
padding: .2em .5em
text-align: left
a
color: #585984
text-decoration: none
label
color: #585a69
text-shadow: 0 1px 0 #fff
float: left
width: 250px
padding: .2em .5em 0 0
text-align: right
font-weight: bold
&.t
float: none
clear: none
padding: 0 5px 0
margin: 0px
font-weight: normal
font-size: 12px
text-shadow: none
a
color: #415260
.pull-right, .pull-left
float: none
.clear
clear: both
.margin-form
padding: 0 0 1em 260px
color: #7F7F7F
font-size: .85em
.button
cursor: pointer
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: #CCCCCC #BBBBBB #A0A0A0
border-left: 1px solid #BBBBBB
border-radius: 3px 3px 3px 3px
border-right: 1px solid #BBBBBB
border-style: solid
border-width: 1px
color: #000000
margin: 5px 0
outline: medium none
padding: 3px 8px
text-align: center
vertical-align: middle
white-space: nowrap
text-shadow: 0 1px 0 #fff
text-decoration: none
&:hover
border-color: #AAA #999 #888
input
vertical-align: middle
select
border: 1px solid #ccc
font-size: 12px
input, textarea, option
color: #000
font-size: 12px
margin: 0
padding: 0
input[type="text"], input[type="password"], input[type="file"], textarea
border: 1px solid #ccc
background-color: #fff
padding: 2px 4px
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset
.table_grid
width: 100%
.table
background-color: #fff
border: 1px solid #ccc
padding: 0
border-radius: 3px
th a
text-decoration: underline
&:hover
text-decoration: none
tr
th
background-color: #F1F1F1
color: #333
font-size: 13px
padding: 4px 6px
text-align: left
&.right
text-align: center
td
border-bottom: 1px solid #ccc
color: #333
font-size: 12px
padding: 4px 4px 4px 6px
&.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
.nobootstrap
.form-group
clear: both
margin-bottom: 1em
float: left
width: 100%
> div
float: left
.panel:not(.bootstrap)
background-color: #EBEDF4
border: 1px solid #CCCED7
color: #585A69
margin: 0 0 10px 0
padding: 1em
float: left
width: 100%
box-sizing: border-box
img
padding: 0 4px 0 0
vertical-align: bottom
h3
position: relative
top: -25px
display: inline-block
background: #EBEDF4
border: 1px solid #CCCED7
font-weight: 700
margin: 0
padding: .2em .5em
text-align: left
a
color: #585984
text-decoration: none
i
font-family: 'FontAwesome'
.help-block
float: left
clear: both
.switch
float: left
clear: both
line-height: 1.3em
label
padding: 0 10px 0 5px
float: left
width: auto
input[type=checkbox], input[type=radio]
float: left
.radio
label
clear: both
width: auto
margin-right: 4px
button
cursor: pointer
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: #CCCCCC #BBBBBB #A0A0A0
border-left: 1px solid #BBBBBB
border-radius: 3px 3px 3px 3px
border-right: 1px solid #BBBBBB
border-style: solid
border-width: 1px
color: #000000
margin: 5px 0
outline: medium none
padding: 3px 8px
text-align: center
vertical-align: middle
white-space: nowrap
text-shadow: 0 1px 0 #fff
text-decoration: none
&:hover
border-color: #AAA #999 #888
.tree-panel-heading-controls
font-size: 13px
background-color: #DDE0E9
margin: -8px -8px 20px
padding: 5px
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
vertical-align: baseline
margin-right: 4px
line-height: normal
i
font-size: $icon-size-base
.tree-item-name, .tree-folder-name
padding: 2px 5px
@include border-radius(4px)
label
font-size: 13px
float: none
text-shadow: none
font-weight: 400
&:hover
background-color: #eee
cursor: pointer
.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
display: inline-block
position: relative
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

344
web/admin1553pskpx/themes/default/sass/partials/_chosen.sass Normal file
View File

@@ -0,0 +1,344 @@
//
// 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, .075)
$chosen-drop-border: $gray-light
$chosen-drop-box-shadow: 0 8px 8px rgba(0, 0, 0, .25)
$chosen-drop-zindex: 1060
$chosen-focus-border: rgba(82, 168, 236, .8)
$chosen-focus-box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6)
$chosen-focus-transition: border linear .2s, box-shadow linear .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
display: inline-block
font-size: $font-size-base
position: relative
vertical-align: middle
.chosen-drop
background: $chosen-background
border: 1px solid $chosen-drop-border
border-top-color: lighten($chosen-drop-border, 25%)
margin-top: -1px
position: absolute
top: 100%
z-index: $chosen-drop-zindex
@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
color: $gray
max-height: 240px
position: relative
overflow-x: hidden
overflow-y: auto
-webkit-overflow-scrolling: touch
@include padding(0, 0, 0, 4px)
@include margin(0, 4px, 4px, 0)
li
display: none
line-height: $line-height-base
list-style: none
margin: 0
padding: 5px 6px
em
background: #feffde
font-style: normal
&.group-result
display: list-item
cursor: default
color: #999
font-weight: bold
&.group-option
@include padding-left(15px)
&.active-result
cursor: pointer
display: list-item
&.highlighted
background-color: $link-color
color: white
em
background: transparent
&.disabled-result
display: list-item
color: $gray-light
.no-results
background: $gray-lighter
display: list-item
.chosen-results-scroll
background: white
margin: 0 4px
position: absolute
text-align: center
width: 321px
z-index: 1
span
display: inline-block
height: $line-height-base
text-indent: -5000px
width: 9px
.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
background-color: $chosen-background
border: 1px solid $chosen-border
color: $gray
display: block
height: $chosen-height
overflow: hidden
line-height: $chosen-height
position: relative
text-decoration: none
white-space: nowrap
@include padding(0, 0, 0, 8px)
@include box-shadow($chosen-box-shadow)
@include border-radius($input-border-radius)
&:hover
text-decoration: none
cursor: pointer
&:span
display: block
@include margin-right(26px)
@include text-overflow()
&:abbr
background: url($chosen-sprite-path) right top no-repeat
display: block
font-size: 1px
height: 10px
position: absolute
top: ($chosen-height - 10px) / 2
width: 12px
@include right(26px)
&:hover
background-position: right -11px
&.chosen-disabled .chosen-single abbr:hover
background-position: right 2px
div
display: block
height: 100%
position: absolute
top: 0
width: 18px
@include right(0)
b
@extend .icon
@extend .icon-caret-down
font-size: 14px
text-align: center
line-height: 28px
display: block
height: 100%
width: 100%
.chosen-default
color: $gray-light
.chosen-search
margin: 0
padding: 3px 4px
position: relative
white-space: nowrap
z-index: $zindex-dropdown
overflow: hidden
input
border: 1px solid $chosen-border
margin: 1px 0
width: 100%
@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
color: $brand-primary
position: absolute
font-size: 14px
text-align: center
display: block
line-height: 22px
height: 22px
width: 22px
top: 7px
@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
background-color: $chosen-background
border: 1px solid $chosen-border
cursor: text
height: auto !important
height: 1%
margin: 0
overflow: hidden
padding: 0
position: relative
@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
margin: 0
padding: 0
white-space: nowrap
input
background: transparent !important
border: 0 !important
color: $gray
height: $chosen-multi-height - 8px
margin: 0
padding: 4px
outline: 0
@include box-shadow(none)
.default
color: #999
.search-choice
-webkit-background-clip: padding-box
-moz-background-clip: padding
background-clip: padding-box
background-color: $gray-lighter
border: 1px solid $chosen-border
color: $gray-dark
cursor: default
line-height: 13px
position: relative
@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(white, $gray-lighter)
@include box-shadow($chosen-box-shadow)
.search-choice-close
background: url($chosen-sprite-path) right top no-repeat
display: block
font-size: 1px
height: 10px
position: absolute
top: 5px
width: 12px
@include right(4px)
&:hover
background-position: right -11px
.search-choice-focus
background: #d4d4d4
.search-choice-close
background-position: right -11px
.chosen-results
margin: 0
padding: 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-left: 26px
margin-right: 0
direction: rtl
div
left: 7px
right: auto
abbr
left: 26px
right: auto
.chosen-choices
.search-field input
direction: rtl
li
float: right
.search-choice
margin: 6px 5px 3px 0
padding: 3px 5px 3px 19px
.search-choice-close
background-position: right top
left: 4px
right: auto
&.chosen-container-single .chosen-results
margin: 0 0 4px 4px
padding: 0 4px 0 0
.chosen-results .group-option
padding-left: 0
padding-right: 15px
&.chosen-container-active.chosen-with-drop .chosen-single div
border-right: none
.chosen-search input
background: url($chosen-sprite-path) no-repeat -28px -20px, $chosen-background
direction: rtl
padding: 4px 5px 4px 20px

206
web/admin1553pskpx/themes/default/sass/partials/_commons.sass Normal file
View File

@@ -0,0 +1,206 @@
// 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: white
border-color: #ccc!important
.highlight
background-color: #F7E69F
.text-orange
color: $amber
.badge
padding: 1px 5px
font-weight: normal
font-size: 1em
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
background-color: white
border: solid 2px #eee
color: #666
li a
font-size: 1.1em
font-family: $headings-font-family
text-transform: uppercase
font-weight: 300
li.active
a, a:hover, a:focus
background-color: white
.table tr.parent td
background-color: #eee!important
border-bottom: solid 1px #ccc!important
//alert boxs
@mixin alert-panel($icon,$color)
position: relative
border: none
@include padding-left(50px)
@include border-left(solid 3px lighten($color,9%))
&:before
position: absolute
top: 6px
display: block
height: 25px
width: 25px
color: lighten($color,9%)
@include left(7px)
@extend .icon
@extend .icon-3x
@extend .#{$icon}
.alert.alert-warning
@include alert-panel(icon-exclamation-circle, $brand-warning)
.alert.alert-danger
@include alert-panel(icon-exclamation-triangle, $brand-danger)
.alert.alert-success
@include alert-panel(icon-check-circle, $brand-success)
.alert.alert-info
@include alert-panel(icon-question-circle, $brand-info)
.alert.alert-addons
$alert-addons-border: lighten($brand-addons,10%)
$alert-addons-text: $brand-addons
@include alert-variant(#F3F3F2, $alert-addons-border, $alert-addons-text)
@include alert-panel(icon-puzzle-piece, $brand-addons)
.alert.alert-onboarding
$alert-addons-border: lighten($brand-info,10%)
$alert-addons-text: $brand-info
@include alert-variant(white, $alert-addons-border, $alert-addons-text)
@include alert-panel(icon-rocket, white)
&:before
left: 25px
top: 40px
font-size: 98px
border: solid 2px $brand-info
box-shadow: inset 140px 0 0 $brand-info
padding: 20px 20px 20px 160px
.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
font-weight: 100
font-size: 2.1em
color: #383F50
margin-bottom: .4em
p
font-size: 1.1em
color: lighten(#383F50,30%)
margin-bottom: 1em
.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)
border: solid 2px $brand-warning
background-color: white
.alert h4
font-size: 1.45em
margin-bottom: 1em
.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
//colors
.attributes-color-container
width: 40px
height: 25px
display: block
border: solid 1px black
#mColorPickerInput
color: #000000
//modals
.modal-content-overflow
max-height: 400px
overflow-y: scroll
.pointer
cursor: pointer

232
web/admin1553pskpx/themes/default/sass/partials/_content.sass Normal file
View File

@@ -0,0 +1,232 @@
html, body
min-height: 100%
height: 100%
body
font: 400 #{$font-size-base}/#{$line-height-base} $font-family-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
@include left($paddingLeftMobile)
#main
z-index: 10
width: 100%
padding: 36px 0 60px
@include margin(0, 0, -50px, 0)
@include float(left)
#content.bootstrap
padding: 120px 10px 0 225px
&.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
border: solid 1px darken($bg-content-color,10%)
background-color: white
@include border-radius(5px)
&.panel-highlighted
border-color: $brand-primary!important
@include box-shadow(rgba($brand-primary,.15) 0 0 0 6px inset !important)
.panel-heading
font-family: $headings-font-family
font-weight: $headings-font-weight
font-size: 14px
text-overflow: ellipsis
white-space: nowrap
color: #555
height: 32px
.btn
padding: 4px 8px !important
a.btn
font-family: $font-family-sans-serif
text-transform: none
position: relative
top: 2px
i
font-size: $icon-size-base
.panel
border: solid 1px #DDDDDD
.panel.tab-content
@include border-radius(0 0 3px 3px)
h3:not(.modal-title), .panel-heading
border: none
font-size: 1.2em
line-height: 2.2em
height: 2.2em
text-transform: uppercase
border-bottom: solid 1px #EEEEEE
@include padding(0, 0, 0, 5px)
@include margin(-20px, -16px, 15px, -16px)
i, a
color: contrasted($bg-panel-heading-color)
.badge
color: $gray
font-size: 1.1em
line-height: 1.2em
padding: 0 10px
font-weight: 700
border: solid 1px lighten($gray-light,25%)
background-color: white
@include margin-left(0.4em)
@include border-radius(20px)
a
display: block
font-size: 0.8em
.panel-heading-action
line-height: 0
position: absolute
top: 2px
@include right(0)
.btn
padding: 4px 8px !important
.btn-group
position: absolute
white-space: nowrap
top: -2px
@include right(2px)
a.btn
float: none
> a.btn
position: absolute
top: 0
@include right(2px)
a.list-toolbar-btn
height: 30px
width: 30px
color: #CCC
@include float(left)
@include border-left(solid 1px #eee)
&:hover
text-decoration: none
color: $brand-primary
i
text-align: center
font-size: 18px
line-height: 30px
.panel-danger .panel-heading
background-color: $badge-notif-color!important
form .alert
clear: both
.mobile &
padding: 140px 5px 0
@include margin-left(0!important)
.help-block
font-style: italic
.nav.nav-tabs li.active a
z-index: 99
.breadcrumb
background-color: white
border: solid 1px darken($bg-content-color,10%)
.panel.panel-sm
padding: 8px!important
.panel-heading
font-size: 13px
margin: -8px -8px 10px
@include ltr
padding-left: 8px
@include rtl
padding-right: 8px
.form-group
margin-bottom: 8px
//data-focus
.data-focus
&.data-focus-primary
background-color: $brand-primary
color: white
@include border-radius(10px)
//orders
#customer_part
.customerCard
&.selected-customer .panel
color: $brand-success
border: solid 2px $brand-success
//modal
body.display-modal
#content, #main
margin: 0
padding: 0
background: #F8F8F8
.bootstrap
.modal
.alert
h3
margin-top: 0
.modal-footer
.alert
text-align: left
//todo: remove temp fix for bootstrap RC1 -> final
.bootstrap
input[type="text"],input[type="search"],input[type="password"], textarea, select
@extend .form-control
//panels
.bootstrap
.panel
.panel-footer
height: 73px
border-color: #eee
background-color: #FCFDFE
margin: 15px -20px -20px
.btn.pull-right:not(:first-child)
@include margin-right(5px)
.btn
line-height: 1em
#header
.panel-footer
margin: 15px 0 0!important
height: 40px!important
//help containers
#main.helpOpen
width: 70%
@media (max-width: $screen-lg)
width: 100%
#help-container
position: relative
margin: 0
padding: 0
float: right
width: 30%
margin-top: 181px
margin-bottom: 50px
background-color: white
box-sizing: border-box
overflow-x: hidden
@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 - .9375rem

55
web/admin1553pskpx/themes/default/sass/partials/_date-picker.sass Normal file
View File

@@ -0,0 +1,55 @@
// 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
content: ''
display: inline-block!important
border-left: 7px solid transparent
border-right: 7px solid transparent
border-bottom: 7px solid #ccc
border-bottom-color: rgba(black,.2)
position: absolute
top: -7px
left: 6px
&:after
content: ''
display: inline-block!important
border-left: 6px solid transparent
border-right: 6px solid transparent
border-bottom: 6px solid white
position: absolute
top: -6px
left: 7px
.ui-datepicker-header
background: transparent !important
color: gray
font-weight: normal
.ui-state-default
background: transparent !important
.ui-state-highlight
border: solid 1px darken(#FEFBE2 ,50%) !important
background: #FEFBE2 !important
.ui-state-active
color: white !important
background: $primary-color !important
border: solid 1px darken($primary-color,10%) !important

267
web/admin1553pskpx/themes/default/sass/partials/_date-range-picker.sass Normal file
View File

@@ -0,0 +1,267 @@
$color-bright: white
$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
color: $color-bright
font-weight: 200
text-transform: uppercase
line-height: 2em
.btn-default
background-color: rgba($color-bright,0.3)
font-weight: 700
color: $color-bright
border: none
select
@include margin(2px,2px,0,0)
.form-date-body, .form-date-actions
width: 100%
padding: 10px
background-color: white
display: inline-block
.form-date-actions
border: solid 1px #ccc
.form-date-group
clear: both
width: 100%
margin: 0 auto 6px
label
font-size: 0.8em
font-weight: 700
text-transform: uppercase
color: #666
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
background-color: darken($color-calendar,5%)
color: white
font-size: 0.7em
height: 1.5em
text-transform: uppercase
tr:first-child th
background-color: $color-bright
border-bottom: 1px solid darken($color-calendar,5%)
font-weight: 200
font-size: 1.4em
color: $color-calendar-day-selected
td, th
text-align: center
padding: 0
position: relative
tr
border-bottom: solid 1px white
td
color: $color-calendar-day-selected
height: 2.4em
padding: 0 8px
@include transition-property(all)
@include transition-duration(0.2s)
@include transition-timing-function(ease-out)
&.day:after
content: ""
position: absolute
display: block
top: 0
width: 100%
z-index: 0
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)
color: $color-bright
font-weight: 700
background-color: $color-calendar-day-selected
@include border-left-radius(15px)
//@extend .chevron-left
&.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)
color: $color-bright
font-weight: 700
background-color: $color-calendar-day-selected
//@extend .chevron-right
@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)
color: $color-bright
font-weight: 700
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)
color: $color-bright
font-weight: 700
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
color: $color-bright
@include border-radius(15px)
font-weight: 700
background-color: $color-calendar-day-selected
&.range-compare
background-color: mix($color-calendar-day-selected,$color-calendar-range-compare,70%)
@include border-radius(0)
&.end-selected-compare.start-selected-compare
color: $color-bright
@include border-radius(15px)
font-weight: 700
background-color: $color-calendar-day-selected-compare
&.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
padding: 0
display: block
width: 33.333%
height: 3em
line-height: 3em
font-weight: 400
float: left
text-transform: uppercase
cursor: pointer
&:hover
color: white
background-color: $color-calendar-day-selected
&.active
background-color: $color-calendar-day-selected
color: #fff
&.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
font-size: 1.3em
line-height: 2em
height: 2em
&:hover
background-color: darken($color-calendar,5%)
color: white
thead tr:first-child th
cursor: pointer
//chevrons are disabled time to figure out the firefox incompatibility..
.chevron-left, .chevron-right
position: relative
.chevron-left:before, .chevron-right:before
display: block
content: ""
width: 0
height: 0
border-style: solid
position: absolute
.chevron-left:before
top: 0
border-color: transparent transparent transparent $color-calendar-day-selected
background-color: $color-calendar-range
@include right(0)
@include border-width(1.2em, 0, 1.2em, 0.5em)
.chevron-right:before
top: 0
border-color: transparent transparent transparent $color-calendar-range
background-color: $color-calendar-day-selected
@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
@-webkit-keyframes one
0%
background-color: $color-calendar
100%
background-color: $color-bright
@-webkit-keyframes two
0%
+box-shadow($color-calendar 0 0 0 20px inset)
100%
+box-shadow($color-calendar 0 0 0 inset)

101
web/admin1553pskpx/themes/default/sass/partials/_footer.sass Normal file
View File

@@ -0,0 +1,101 @@
#footer
display: block
width: 100%
height: 50px
position: fixed
bottom: 0
z-index: 600
background-color: rgba(black,0.8)
color: #aaa
line-height: 50px
@include animate(fadeInUp, 0.3s)
a
color: #ccc
&.hide
display: none!important
#go-top
display: block
height: 30px
width: 30px
position: fixed
right: 10px
bottom: 10px
z-index: 9003
padding: 0px 6px
margin: -2px 0px 0px
text-align: center
line-height: 30px
text-decoration: none
color: #fff
cursor: pointer
font-size: 16px
background-color: $main-color
@include right(10px)
&:hover
background-color: $brand-primary
a.footer_link
color: $brand-primary
&:hover
color: white
text-decoration: none
i
font-size: $icon-size-base
color: white
.footer-contact
padding: 7px 0 0 0
line-height: 35px
white-space: nowrap
overflow: hidden
text-overflow: ellipsis
@include margin(0,0,6px,6px)
strong
font-weight: 400
color: white
a.link-social
i
font-size: 14px
width: 24px
height: 24px
display: inline-block
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: white
background-color: #FF0000
&:hover
color: #FF0000
background-color: white
.link-twitter i
color: white
background-color: #7CCEEF
&:hover
color: #7CCEEF
background-color: white
.link-facebook i
color: white
background-color: #557DBB
&:hover
color: #557DBB
background-color: white
.link-github i
color: black
background-color: white
&:hover
color: white
background-color: black
.status-page-dot
&.operational
color: #2ecc71 !important
&.degraded_performance
color: #f1c40f !important
&.partial_outage
color: #e67e22 !important
&.major_outage
color: #e74c3c !important

169
web/admin1553pskpx/themes/default/sass/partials/_forms.sass Normal file
View File

@@ -0,0 +1,169 @@
//form
label.control-label
font-size: 13px
font-weight: normal
color: #666
label.control-label span.label-tooltip
text-decoration: none
font-size: 13px
color: #3586AE
background-color: lighten(#D8EDF7,5%)
border: none
border-bottom: solid 1px #D8EDF7
padding: 0 5px
@include border-radius(3px)
label.required:before
content: '*'
color: red
font-size: 14px
position: relative
line-height: 12px
.tooltip
font-size: 12px
font-family: $font-family-sans-serif
white-space: normal
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: #FEFBE2
@include box-shadow(none)
//buttons
.btn
.caret
border-top-color: $gray-dark!important
&:hover
.caret
border-top-color: white!important
&.btn-default
i
color: $gray
&:hover
color: white
background-color: $brand-primary
border-color: darken($brand-primary,10%)
@include box-shadow(none)
i
color: white
&.btn-primary
i
color: white
background-color: $brand-primary
color: white
text-transform: uppercase
&:hover
background-color: darken($brand-primary,10%)
@include box-shadow(none)
&.btn-default[disabled]
border-color: $gray-light
color: $gray-light
background-color: lighten($gray-light,35%)
.dropdown-menu
@include text-align(left)
> li a
padding: 5px 10px
&:hover
i
color: white
.btn-group-action
line-height: 0
.btn
font-family: $font-family-sans-serif
.btn-group
white-space: nowrap
> a, button
text-decoration: none
display: inline-block
float: 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
background-color: white
border: solid 1px #ccc
font-size: 0.9em
text-transform: none
.tt-suggestions
padding: 0 6px
@include box-shadow(rgba(black,0.25) 0 1px 4px)
.tt-suggestion p
border-bottom: solid 1px #ccc
margin: 0!important
padding: 0!important
.tt-suggestion:last-child p
border-bottom: none
//tag
.tagify-container
background-color: white
padding: 0px 3px
min-height: 30px
overflow: auto
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
border-radius: 2px
border: 1px solid $brand-primary
background-color: lighten($brand-primary,15%)
color: white
> a
color: $brand-primary
text-decoration: none
font-weight: bold
@include padding-left(5px)
> input
margin-top: 2px
border: 0 none
width: 140px
height: auto
@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-group
input[type="text"],input[type="search"],input[type="password"], textarea, select
margin: 0
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

79
web/admin1553pskpx/themes/default/sass/partials/_growl.sass Normal file
View File

@@ -0,0 +1,79 @@
/*
* jQuery Growl
* Copyright 2013 Kevin Sylvestre
* 1.1.4
*/
$namespace: "growl"
$duration: 0.4s
#growls
z-index: 50000
position: fixed
&.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
opacity: 1
position: relative
@include border-radius(4px)
@include transition(all $duration ease-in-out)
&.#{$namespace}-incoming
opacity: 0.0
&.#{$namespace}-outgoing
opacity: 0.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: gray
&.#{$namespace}-error
color: white
background: rgba($brand-danger,0.8)
&.#{$namespace}-notice
color: white
background: rgba($brand-success,0.8)
&.#{$namespace}-warning
color: white
background: rgba($brand-warning,0.8)
.#{$namespace}-close
cursor: pointer
font-size: 14px
line-height: 18px
font-weight: normal
font-family: helvetica, verdana, sans-serif
@include float(right)
.#{$namespace}-title
font-size: 18px
line-height: 24px
.#{$namespace}-message
font-size: 14px
line-height: 18px

475
web/admin1553pskpx/themes/default/sass/partials/_header.sass Normal file
View File

@@ -0,0 +1,475 @@
$header-text-color: #4e6167
$search-border-color: #bbcdd2
#header
z-index: 20
#header_infos
position: fixed
z-index: 503
background: #fff
height: $size-header-height
width: 100%
display: flex
align-items: stretch
color: $header-text-color
font-size: 13px
box-sizing: content-box
.mobile &
padding: $header-mobile-padding-y 0
.material-icons
vertical-align: middle
position: relative
#header_logo
height: 100%
background: url('#{$img-path}/prestashop-avatar-header_shopname.png') no-repeat center left
width: 13.13rem
.mobile &
margin-left: -15px
min-width: 172px
width: 0
flex-grow: 1
#shop_version
font-size: 10px
position: absolute
left: 11.25rem
top: .9375rem
color: #4a4a4a
// hide if viewport <= tablet portrait size
@media (max-width: breakpoint-max('md'))
display: none
> .component
margin:
left: 0.5rem
right: 0.5rem
// hide on very small screens
&.hide-mobile-sm
@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
box-shadow: none
outline: none
#quick_select
height: $size-header-height
font-size: 13px
color: $header-text-color
line-height: 1.5
padding: 7px 10px 5px
> .material-icons
font-size: 20px
margin-left: -5px
// Shop state / Maintenance / Debug / View my shop
.shop-state,
#header_shopname
display: inline-block
padding: $navbar-padding-vertical 5px
line-height: $line-height-computed
height: $navbar-height
> .material-icons
margin-right: $navbar-padding-horizontal
.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
color: #6c868e
font-size: 20px
margin-top: -4px
// hide label if width <= tablet landscape size
@media (max-width: breakpoint-max('lg'))
span
display: none
@media (max-width: $screen-sm-max)
padding:
left: 10px !important
right: 10px !important
margin-right: 0
.material-icons
margin-right: 0
ul.header-list
color: $header-text-color
margin-bottom: 0
padding: 0
display: flex
align-items: stretch
#header_shopname
padding-top: 11px
color: $header-text-color !important
&:hover, &:focus
color: $brand-info !important
li
list-style: none
display: block
> a
&.notifs
display: flex
height: $size-header-height
min-width: $size-header-height
line-height: $size-header-height
box-sizing: border-box
padding: 0 5px !important
vertical-align: middle
align-items: center
&: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
font-size: 13px !important
height: inherit !important
text-decoration: none
padding-top: 11px
text-overflow: ellipsis
white-space: nowrap
overflow-x: hidden
i
color: $brand-info
@media (max-width: 320px)
max-width: 140px
// multishop menu
#header_shop
.dropdown
&.open
.dropdown-toggle
background: none !important
color: $brand-info !important
.material-icons
color: $brand-info
top: -1px
.dropdown-toggle
display: inline-block !important
color: $header-text-color !important
text-decoration: none !important
&:hover
color: $brand-info !important
i
padding-left: 5px
.dropdown-menu
.list-dropdown-menu
overflow-y: auto
max-height: 500px
margin: 20px
padding: 0
// employee button
#header_employee_box
padding: 0
margin-right: 0
margin-bottom: 0
display: flex
align-items: center
.mobile &
display: none
#employee_infos
list-style-type: none
width: 24px
margin-right: 10px
box-sizing: border-box
display: block
#employee_links
.employee_avatar
display: none !important
img
border: none
padding: 0
@media (max-width: $screen-sm)
li
color: white
font-size: 1.2em
text-transform: uppercase
i
font-size: 1.3em
color: $brand-primary
.employee_name
text-align: center
.dropdown-menu
min-width: inherit
width: 10.625rem
li
font-size: 14px
&:hover
.material-icons
color: white
&.username
font-weight: 600
padding: 16px 0 9px
&.divider
border: 1px solid $gray-lighter
a
.material-icons
padding: 0
margin-right: 5px
.bo_search_form
@extend .hidden-xs
flex-grow: 1
margin: 4px 0 0 0
.form-group
width: 250px
#bo_query
@include border-radius(0, 55px, 55px, 0)
color: $main-color
background: white
border: 1px solid $search-border-color
border-left: none
font-style: italic
&::placeholder
color: $gray-medium
@include box-shadow(none)
@include transition(none)
.input-group
margin: 0 !important
.input-group-btn
@include border-radius(55px, 0, 0, 55px)
border: 1px solid $search-border-color
border-right: none
.btn
@include border-radius(55px, 0, 0, 55px)
@include box-shadow(none)
height: 29px
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
line-height: 1
top: -2px
padding-right: 0
font-size: 20px
.icon-remove
vertical-align: middle
#header_quick
@extend .hidden-xs
@extend .hidden-sm
font-size: 13px
a
//color: #6c868e
.dropdown
> a,
> a:focus
color: $header-text-color !important
background-color: transparent !important
> a
.material-icons
font-size: 20px
margin-left: -5px
> 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
height: 35px
width: 35px
top: 0
background-color: rgba(black,.4)
text-align: center
@include left(0)
i
font-size: 20px
color: rgba(white,.6)
line-height: 35px
#notification,
#employee_infos
&.open
background: none
a
&.dropdown-toggle
background: none !important
.material-icons
color: #6c868e
font-size: 22px
vertical-align: middle
#total_notif_number_wrapper
display: inline-block
line-height: .75rem
height: 1rem
vertical-align: middle
position: absolute
top: .3rem
right: .6rem
color: #fff
background: #f1b746
font:
size: .625rem
padding: 0 .18rem
border-radius: .625rem
border: 2px solid #fff
> span
font-size: inherit
color: inherit
.dropdown-menu
margin: 0
padding: 0
border-radius: 0
min-width: 25rem
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1)
border: 1px solid #bbcdd2
top: 42px
right: 5px !important
&:before, &:after
bottom: 100%
right: 8px
border: solid transparent
content: " "
height: 0
width: 0
position: absolute
pointer-events: none
&:after
border-color: transparent
border-bottom-color: white
border-width: 7px
margin-right: 1px
&:before
border-color: transparent
border-bottom-color: #bbcdd2
border-width: 8px
.notifications
.nav-tabs
border-bottom: 1px solid #fff
.nav-item
margin-left: 0
width: 33%
text-align: center
margin-bottom: -1px
&.active
a
border-top: 0
border-bottom: 3px solid $brand-info
color: $brand-info
&:hover
a
color: $brand-info
.nav-link
color: #6c868e
font-weight: 400
padding: .9375rem .9375rem .625rem
font-family: Open Sans,sans-serif
font-size: 0.9rem
text-transform: none
border: 0
.tab-content
border-top: .125rem solid $gray-lighter
padding: 0
margin-top: -.0625rem
background: #f2f4f5
.tab-pane
height: 11.875rem
overflow-y: auto
.no-notification
display: none
&.empty
color: #6c868e
text-align: center
&::after
content: "\E7F5"
font-family: "Material Icons"
opacity: 0.7
font-size: 5.625rem
color: #bbcdd2
> .no-notification
position: absolute
bottom: 0
width: 100%
display: block
.notif
display: block
padding: .625rem .9375rem
color: #6c868e
.material-icons
vertical-align: top
font-size: 16px
line-height: 16px
.message-notification-status
&.open
color: #5cb85c
&.closed
color: #d9534f
&.pending1, &.pending2
color: #FFBB00
strong
color: #363a41
&:hover
background-color: #3ed2f0
color: #fff
text-decoration: none
strong
color: #fff
#employee_infos
> a > .material-icons
font-size: 24px

445
web/admin1553pskpx/themes/default/sass/partials/_icons.sass Normal file
View File

@@ -0,0 +1,445 @@
//migrationfromfont-awesomev3tov4
[class^="icon-"]
font-size: 14px
@extend .icon
//.icon-ban-circle
// @extend .icon-ban
.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
@extend .icon
@extend .icon-2x
@extend .icon-fw
background: transparent
background-size: 26px
background-position: center
#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
line-height: 30px
font-size: 20px
.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

80
web/admin1553pskpx/themes/default/sass/partials/_kpi.sass Normal file
View File

@@ -0,0 +1,80 @@
.kpi-container
padding-bottom: 10px !important
.kpi-refresh
position: absolute
z-index: 1
right: 20px
.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
width: 100%
position: relative
@include padding-left(40px)
@include float(left)
i
position: absolute
top: 0
font-size: 26px
text-align: center
color: white
line-height: 26px
@include left(0)
@include border-radius(3px)
.title
display: block
color: #666
.subtitle
display: block
text-transform: uppercase
color: #aaa
.value
display: block
clear: both
font-size: 1.5em
white-space: nowrap
text-overflow: ellipsis
overflow: hidden
&: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: white
path
stroke: white
stroke-width: 2
fill: none
line
stroke: black
.area
fill: rgba(white,0.30)
stroke-width: 0

313
web/admin1553pskpx/themes/default/sass/partials/_ladda.sass Normal file
View File

@@ -0,0 +1,313 @@
/*!
* 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 // important to override bootstrap
-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
z-index: 2
display: inline-block
width: $spinnerSize
height: $spinnerSize
top: 50%
margin-top: -$spinnerSize/2
opacity: 0
pointer-events: none
.ladda-label
position: relative
z-index: 3
.ladda-progress
position: absolute
width: 0
height: 100%
top: 0
background: rgba( 0, 0, 0, 0.2 )
visibility: hidden
opacity: 0
@include left(0)
@include transition( 0.1s linear all )
&[data-loading] .ladda-progress
opacity: 1
visibility: visible
// EASING
.ladda-button, .ladda-button .ladda-spinner, .ladda-button .ladda-label
@include transition( 0.3s cubic-bezier(0.175, 0.885, 0.320, 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
opacity: 1
top: 14px
margin-top: 0
&[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
opacity: 0
top: -1em
.ladda-spinner
opacity: 1
margin-top: -$spinnerSize/2
// 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
opacity: 0
top: 1em
.ladda-spinner
opacity: 1
margin-top: -$spinnerSize/2
// 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]
overflow: hidden
width: 100px
.ladda-spinner
@include left(50%)
@include margin-left(-16px)
.ladda-button[data-style=contract][data-loading]
border-radius: 50%
width: 52px
.ladda-label
opacity: 0
.ladda-spinner
opacity: 1
// OVERLAY
.ladda-button[data-style=contract-overlay]
overflow: hidden
width: 100px
@include ltr
box-shadow: 0px 0px 0px 3000px rgba(0,0,0,0)
@include rtl
box-shadow: 0px 3000px 0px 0px rgba(0,0,0,0)
.ladda-spinner
@include left(50%)
@include margin-left(-16px)
&[data-loading]
border-radius: 50%
width: 52px
@include ltr
box-shadow: 0px 0px 0px 3000px rgba(0,0,0,0.8)
@include rtl
box-shadow: 0px 3000px 0px 0px rgba(0,0,0,0.8)
.ladda-label
opacity: 0
.ladda-spinner
opacity: 1
.ladda-button
&[disabled],
&[data-loading]
border-color: rgba( 0, 0, 0, 0.07 )
cursor: default
background-color: #999
&: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

127
web/admin1553pskpx/themes/default/sass/partials/_multistore.sass Normal file
View File

@@ -0,0 +1,127 @@
.breadcrumb-multishop
width: auto
position: relative
&:after
content: "\f0d7"
position: absolute
top: 0
bottom: 0
font-size: 14px
line-height: 22px
padding: 0 7px
font-family: FontAwesome
background-color: darken($secondary-color,15%)
color: white
pointer-events: none
@include right(0)
@include border-radius(0 4px 4px 0)
select
display: inline-block
height: 22px
line-height: 20px
border: 1px solid darken($secondary-color,15%)
margin: 0
outline: none //remove focus ring from Webkit
color: #666
background: white
position: relative
-webkit-appearance: none //remove the strong OSX influence from Webkit
@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
margin: 0
padding: 0
border-radius: 0
min-width: 17.75rem !important
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1)
border: 1px solid #bbcdd2
top: 40px
right: -100px !important
padding-left: 0
font-size: 13px
&:before, &:after
bottom: 100%
right: 95px
border: solid transparent
content: " "
height: 0
width: 0
position: absolute
pointer-events: none
&:after
border-color: transparent
border-bottom-color: white
border-width: 7px
margin-right: 1px
&:before
border-color: transparent
border-bottom-color: #bbcdd2
border-width: 8px
margin-left: -8px
li:first-child a
color: $brand-info !important
font-size: 0.875rem !important
font-weight: bold
li:not(:first-child)
line-height: 32px
a:not(.link-shop)
display: inline-block
width: inherit
padding-top: .3125rem
padding-bottom: .3125rem
a
color: #4e6167
.group
a
padding-left: 0.625rem
.shop
display: flex
a
padding-left: 1.5625rem
font-weight: 600
a.link-shop
text-decoration: none
float: right
margin-left: auto
padding-left: inherit
padding-right: 10px
padding-top: 3px
i.material-icons
cursor: pointer
color: #6c868e
border: 1px solid #bbcdd2
border-radius: 1px
padding: 2px 10px
font-size: 14px
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
@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)

420
web/admin1553pskpx/themes/default/sass/partials/_nav.sass Normal file
View File

@@ -0,0 +1,420 @@
.js-mobile-menu
display: none
float: left
cursor: pointer
padding-top: 0
margin-left: 0.6rem
margin-right: 0.6rem
font-size: 1.8rem
flex-direction: column
justify-content: center
+media-breakpoint-down(md)
display: inline-flex
.nav-bar
position: fixed
top: 0
bottom: 0
z-index: 502
background: $gray-dark-menu
width: $size-navbar-width
margin-top: $size-header-height
height: 100%
overflow-y: auto
transition: all .5s ease-out
.material-icons
color: white
font-size: 1.188rem
line-height: inherit
&.mobile-nav
margin-left: -100%
width: 70%
margin-top: $size-header-height + (.625rem * 2)
+media-breakpoint-only(sm)
width: 60%
+media-breakpoint-only(md)
width: 40%
&.expanded
display: block
margin-left: 0
overflow-y: scroll
.onboarding-navbar
display: none
.panel-collapse
padding-left: 0
.link-leveltwo .link
padding-left: 0.75rem
.employee_avatar
text-decoration: none
text-align: center
padding-top: 1rem
.material-icons
line-height: 3.75rem
font-size: 3.75rem
+media-breakpoint-down(md)
line-height: 4.6875rem
font-size: 4.6875rem
span
color: white
display: block
margin-bottom: 0.625rem
+media-breakpoint-down(md)
font-size: 1.09375rem
img
width: 3.75rem
height: 3.75rem
&.img-thumbnail
border-radius: 36px
.shop-list
padding-bottom: 1rem
text-align: center
font-weight: bold
a
+media-breakpoint-down(md)
font-size: 1.09375rem
.main-menu
margin-top: 0.625rem
& > li:first-child
padding-bottom: 1rem
.shop-list-title
color: $brand-primary
text-transform: uppercase
font-size: 1rem
text-align: center
margin-bottom: 0.9375rem
&::after
font-family: 'Material Icons'
content: "\E313"
font-size: 1.25rem
line-height: 1.375rem
margin-left: 0.625rem
vertical-align: bottom
.items-list
padding-left: 0
a:focus
background-color: transparent
li
background-color: white
border-bottom: $gray-light 1px solid
&.group a
padding: 0.9375rem 2.5rem
font-weight: bold
&.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
color: $brand-primary
text-transform: uppercase
font-size: 0.9375rem
padding: 0.9375rem 1.25rem
.main-menu
padding: 0 0 5.313rem 0
margin: 0
.category-title > .title
text-transform: uppercase
.link-levelone
$padding-size: 1.25rem
display: block
&[data-submenu]
+media-breakpoint-down(md)
a.link
font-size: 1.25rem
padding-top: 1.25rem
padding-bottom: 1.25rem
line-height: inherit
.material-icons
font-size: 2rem
line-height: 2rem
&.sub-tabs-arrow
padding-right: 1.2rem
&.has_submenu
+media-breakpoint-down(md)
.sub-tabs-arrow
visibility: visible
&.-active
+media-breakpoint-down(md)
border-right: none
> .link
border-left: .25rem solid #25b9d7
padding-left: .638rem
.material-icons
&:first-child
color: #25b9d7
&:not(#subtab-AdminParentModulesSf)
i.material-icons.mi-extension
color: #6c868e
> .link
font-size: .75rem
display: flex
height: initial
line-height: 1rem
align-items: end
color: $gray-dark-text
text-decoration: none
padding: 0.5rem .3125rem 0.5rem .938rem
word-break: break-word
white-space: initial
text-overflow: initial
overflow: hidden
+media-breakpoint-down(md)
font-size: 1rem
span
padding-left: .625rem
.sub-tabs-arrow
margin-left: auto
visibility: hidden
color: #6c868e
vertical-align: middle
line-height: inherit
&.ul-open,
&.-active,
&.-hover
& > .link
background: #202226
color: white
transition: background 300ms ease
+media-breakpoint-down(md)
background: $gray-dark-menu
&.has_submenu
.link
.sub-tabs-arrow
visibility: visible
> .submenu
list-style: none
background: #202226
display: none
white-space: nowrap
padding-left: 2.75rem
& > li
+media-breakpoint-down(md)
a.link
padding-top: 0.75rem
padding-bottom: 0.75rem
&:first-of-type
padding-top: .625rem
+media-breakpoint-down(md)
padding-top: 0
&:last-of-type
padding-bottom: .750rem
+media-breakpoint-down(md)
padding-bottom: 0
a.link
padding-bottom: 1.5rem
&.ul-open,
&.-active
.link
background: #202226
&.open
> .submenu
display: block
.link-leveltwo
@extend .link-levelone
&.-active
> .link
padding-left: 0
border-left: none
color: white
> .link
height: initial
line-height: 0.9rem
padding: 0.3125rem 0.3rem 0.3125rem 0
+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
font-weight: bold
font-size: 0.75rem
border-top: 1px solid #bbcdd2
margin: 1.813rem 0 0 .938rem
padding: .875rem 0 .750rem 0
+media-breakpoint-down(md)
display: none
& > .title
color: white
background: $gray-dark-menu
.menu-collapse
height: .813rem
font-size: 2rem
display: block
cursor: pointer
text-align: right
padding: .688rem .938rem 1.188rem 0
line-height: .813rem
color: $gray-dark-text
+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
transform: rotate(180deg)
padding-right: .8rem
.nav-bar
overflow: visible
width: $size-navbar-width-mini
.main-menu
.category-title > .title,
.link-levelone span
display: none
.sub-tabs-arrow
display: none !important
.category-title
margin-top: 0.8rem
padding-bottom: 0
.link-levelone
position: relative
.link
line-height: initial
&:first-of-type
margin-bottom: 0
&.-hover
> .link
transition: all 0s ease 0s
width: 14.6875rem
> span
display: inline-block
padding-left: 1.563rem
ul.submenu
position: absolute !important
display: block !important
top: 34px !important
width: 200px !important
left: 50px
padding-left: 5px
.link-leveltwo
&:first-of-type
padding-top: 0 !important
margin-top: .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:hover,
#subtab-AdminAdvancedParameters:hover
ul.submenu
display: flex !important
flex-direction: column-reverse
top: 0 !important
transform: rotate(180deg)
transform-origin: top
li
transform: rotate(180deg)
&:last-of-type
margin-bottom: 0
.mobile-layer
display: none
transition: all 0.2s ease-in-out
position: fixed
background: rgba(0,0,0,.7)
width: 100%
height: 100%
z-index: 501
top: 0
left: 0
&.expanded
display: block

101
web/admin1553pskpx/themes/default/sass/partials/_print.sass Normal file
View File

@@ -0,0 +1,101 @@
@media print
*
color: #000 !important // Black prints faster: h5bp.com/s
border-color: #000 !important
background: transparent !important
font-family: Georgia, "Times New Roman", Times, serif !important
text-shadow: none!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
width: 8.5in !important
float: none !important
margin: 0 auto !important
padding: 0 !important
#content.bootstrap
margin: 0 !important
padding: 0 !important
.page-head
display: none !important
.panel
page-break-inside: avoid !important
clear: both !important
margin: 0 0 40px !important
padding: 0 !important
border: none !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
.panel
clear: both !important
.btn
display: none !important
.panel-heading-action
display: none
.nav-tabs li a
display: none
border-bottom-color: white !important
background-color: white !important
.tab-content > .tab-pane
display: block !important
opacity: 1 !important
h4
margin: 0 0 10px 0 !important
// orders
#shipping
.form-horizontal
padding-bottom: 10px !important
#addressShipping
width: 49% !important
float: left !important
margin-bottom: 0 !important
#addressInvoice
width: 49% !important
float: right !important
margin-bottom: 0 !important
#status
tr:first-child td
font-weight: bold !important
.table
border: solid 1px black !important
margin-bottom: 10px !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 0 !important
border: solid 1px black !important
.box-stats
padding: 10px 0 !important
height: auto !important
width: 25% !important
font-size: 8pt !important
i
font-size: 20pt !important
.alert
border: 1px solid black !important
&:before
color: black !important
.table-responsive
border: none !important
margin: 0 !important
.panel-total td
font-size: 13pt!important

51
web/admin1553pskpx/themes/default/sass/partials/_product.sass Normal file
View File

@@ -0,0 +1,51 @@
.media-product-pack
width: 200px
border: solid 2px #eee
padding: 4px
overflow: hidden
position: relative
margin-bottom: 10px
@include margin-right(10px)
@include border-radius(4px)
@include float(left)
.media-product-pack-img
width: 100%
padding-bottom: 5px
border-bottom: 1px solid #ccc
margin-bottom: 5px
.media-product-pack-title
width: 100%
padding: 0 5px
display: inline-block
overflow: hidden
text-overflow: ellipsis
white-space: nowrap
.media-product-pack-ref
color: #aaa
width: 100%
padding: 0 5px
display: inline-block
overflow: hidden
text-overflow: ellipsis
white-space: nowrap
.media-product-pack-action
position: absolute
top: 7px
border: solid 1px #ccc
text-align: center
@include right(7px)
@include border-radius(4px)
.media-product-pack-quantity
background-color: white
position: absolute
padding: 0 4px
top: 7px
height: 25px
min-width: 35px
line-height: 23px
border: solid 1px #ccc
text-align: center
@include left(7px)
@include border-radius(4px)

121
web/admin1553pskpx/themes/default/sass/partials/_rtl.sass Normal file
View File

@@ -0,0 +1,121 @@
html
direction: rtl
font-family: tahoma, sans-serif
.bootstrap
/* fix SVG */
.chart svg
direction: ltr
svg
text
font: normal 11px Tahoma,Arial !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
z-index: 1
left: 20px
#nav-bar
ul.menu
li.link-levelone
&.hover:not(.active)
&:before
content: ''
width: 0
height: 0
border-style: solid
border-width: 8px 0 8px 10px
border-color: transparent transparent transparent $main-color
background-color: transparent
margin-top: 6px
@media (min-height: $min-height)
margin-top: 10px
position: absolute
z-index: 1
left: 0
right: inherit
&.active
a, li.active a
&.title
border-left: 3px solid #fff
border-right: 0px
background-color: $sidebar-menu-bg-hover-color
@media (min-height: $min-height)
ul.submenu
body:not(.page-sidebar-closed) &
margin-right: 35px
margin-left: 0px
@include border-right(1px solid $sidebar-menu-bg-hover-color)
border-left: 0px

690
web/admin1553pskpx/themes/default/sass/partials/_select2.scss Normal file
View File

@@ -0,0 +1,690 @@
/*
Version: 3.4.6 Timestamp: Sat Mar 22 22:30:15 EDT 2014
*/
.select2-container {
margin: 0;
position: relative;
display: inline-block;
/* inline-block for ie7 */
zoom: 1;
*display: inline;
vertical-align: middle;
}
.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 {
display: block;
height: 26px;
padding: 0 0 0 8px;
overflow: hidden;
position: relative;
border: 1px solid #aaa;
white-space: nowrap;
line-height: 26px;
color: #444;
text-decoration: none;
border-radius: 4px;
background-clip: padding-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #fff;
background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}
.select2-container.select2-drop-above .select2-choice {
border-bottom-color: #aaa;
border-radius: 0 0 4px 4px;
//background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}
.select2-container.select2-allowclear .select2-choice .select2-chosen {
margin-right: 42px;
}
.select2-container .select2-choice > .select2-chosen {
margin-right: 26px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
float: none;
width: auto;
}
.select2-container .select2-choice abbr {
display: none;
width: 12px;
height: 12px;
position: absolute;
right: 24px;
top: 8px;
font-size: 1px;
text-decoration: none;
border: 0;
background: url('../img/select2.png') right top no-repeat;
cursor: pointer;
outline: 0;
}
.select2-container.select2-allowclear .select2-choice abbr {
display: inline-block;
}
.select2-container .select2-choice abbr:hover {
background-position: right -11px;
cursor: pointer;
}
.select2-drop-mask {
border: 0;
margin: 0;
padding: 0;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 9998;
/* styles required for IE to work */
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-drop {
width: 100%;
margin-top: -1px;
position: absolute;
z-index: 9999;
top: 100%;
background: #fff;
color: #000;
border: 1px solid #ccc;
border-top: 0;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
box-shadow: 0 4px 5px rgba(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, .15);
box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}
.select2-drop-active {
//border: 1px solid #5897fb;
border-top: none;
}
.select2-drop.select2-drop-above.select2-drop-active {
//border-top: 1px solid #5897fb;
}
.select2-drop-auto-width {
border-top: 1px solid #aaa;
width: auto;
}
.select2-drop-auto-width .select2-search {
padding-top: 4px;
}
.select2-container .select2-choice .select2-arrow {
display: inline-block;
width: 18px;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-left: 1px solid #ccc;
border-radius: 0 4px 4px 0;
background-clip: padding-box;
background-color: #EEEEEE;
}
.select2-container .select2-choice .select2-arrow b {
display: block;
width: 100%;
height: 100%;
background: url('../img/select2.png') no-repeat 0 1px;
}
.select2-search {
display: inline-block;
width: 100%;
min-height: 26px;
margin: 0;
padding-top: 4px;
padding-left: 4px;
padding-right: 4px;
position: relative;
z-index: 10000;
white-space: nowrap;
}
.select2-search input {
width: 100%;
height: auto !important;
min-height: 26px;
padding: 4px 20px 4px 5px;
margin: 0;
outline: 0;
font-family: sans-serif;
font-size: 1em;
border: 1px solid #aaa;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: #fff url('../img/select2.png') no-repeat 100% -22px;
background: url('../img/select2.png') no-repeat 100% -22px;
}
.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 {
//border: 1px solid #5897fb;
outline: none;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-dropdown-open .select2-choice {
border-bottom-color: transparent;
-webkit-box-shadow: 0 1px 0 #fff inset;
box-shadow: 0 1px 0 #fff inset;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-color: #eee
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
//border: 1px solid #5897fb;
border-top-color: transparent;
}
.select2-dropdown-open .select2-choice .select2-arrow {
background: transparent;
border-left: none;
filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
background-position: -18px 1px;
}
.select2-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/* results */
.select2-results {
max-height: 200px;
padding: 0 0 0 4px !important;
margin: 4px 4px 4px 0 !important;
position: relative;
overflow-x: hidden;
overflow-y: auto;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.select2-results ul.select2-result-sub {
margin: 0;
padding-left: 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 {
list-style: none;
display: list-item;
background-image: none;
}
.select2-results li.select2-result-with-children > .select2-result-label {
font-weight: bold;
}
.select2-results .select2-result-label {
padding: 3px 7px 4px;
margin: 0;
cursor: pointer;
min-height: 1em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.select2-results .select2-highlighted {
background: #3875d7;
color: #fff;
}
.select2-results li em {
background: #feffde;
font-style: normal;
}
.select2-results .select2-highlighted em {
background: transparent;
}
.select2-results .select2-highlighted ul {
background: #fff;
color: #000;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
background: #f4f4f4;
display: list-item;
padding: 5px;
}
/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
color: #666;
background: #f4f4f4;
display: list-item;
cursor: default;
}
.select2-results .select2-disabled {
background: #f4f4f4;
display: list-item;
cursor: default;
}
.select2-results .select2-selected {
display: none;
}
.select2-more-results.select2-active {
background: #f4f4f4 url('../img/select2-spinner.gif') no-repeat 100%;
}
.select2-more-results {
background: #f4f4f4;
display: list-item;
}
/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
background-color: #f4f4f4;
background-image: none;
border: 1px solid #ddd;
cursor: default;
}
.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 {
height: auto !important;
height: 1%;
margin: 0;
padding: 0;
position: relative;
border: 1px solid #aaa;
cursor: text;
overflow: hidden;
background-color: #fff;
}
.select2-locked {
padding: 3px 5px 3px 5px !important;
}
.select2-container-multi .select2-choices {
min-height: 26px;
}
.select2-container-multi.select2-container-active .select2-choices {
//border: 1px solid #5897fb;
outline: none;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
box-shadow: 0 0 5px rgba(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 {
margin: 0;
padding: 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;
outline: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: transparent !important;
}
.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 {
padding: 3px 5px 3px 18px;
margin: 3px 0 3px 5px;
position: relative;
line-height: 13px;
color: #333;
cursor: default;
border: 1px solid #aaaaaa;
border-radius: 3px;
background-clip: padding-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #e4e4e4;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
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%);
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
{
margin-left: 0;
margin-right: 5px;
}
.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 {
display: block;
width: 12px;
height: 13px;
position: absolute;
right: 3px;
top: 4px;
font-size: 1px;
outline: none;
background: url('../img/select2.png') right top no-repeat;
}
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 {
background-color: #f4f4f4;
background-image: none;
border: 1px solid #ddd;
cursor: default;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
padding: 3px 5px 3px 5px;
border: 1px solid #ddd;
background-image: none;
background-color: #f4f4f4;
}
.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 {
clip: rect(0 0 0 0) !important;
width: 1px !important;
height: 1px !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
position: absolute !important;
outline: 0 !important;
left: 0px !important;
top: 0px !important;
}
.select2-display-none {
display: none;
}
.select2-measure-scrollbar {
position: absolute;
top: -10000px;
left: -10000px;
width: 100px;
height: 100px;
overflow: scroll;
}
/* Retina-ize icons */
@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;
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-color: #5897FB;
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 {
border-left: 1px solid #C09853 !important;
background: #FCF8E3 !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 {
border-left: 1px solid #B94A48 !important;
background: #F2DEDE !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 {
border-left: 1px solid #3A87AD !important;
background: #D9EDF7 !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 {
border-left: 1px solid #468847 !important;
background: #DFF0D8 !important;
}

163
web/admin1553pskpx/themes/default/sass/partials/_switch.sass Normal file
View File

@@ -0,0 +1,163 @@
// CSS TOGGLE SWITCHES (Ionuț Colceriu)
// Licensed under Unlicense
// https://github.com/ghinda/css-toggle-switch
@mixin switch-shared()
display: block
height: 26px
*
@include box-sizing(border-box)
a
display: block
@include transition(all 0.3s ease-out)
label,
> span
line-height: 26px
vertical-align: middle
@mixin switch-light()
@include switch-shared()
position: relative
overflow: visible
padding: 0
// Position the label over all the elements, except the slide-button (<a>)
// Clicking anywhere on the label will change the switch-state
label
position: relative
z-index: 3
display: block
width: 100%
// Don't hide the input from screen-readers and keyboard access
input
position: absolute
opacity: 0
z-index: 5
&:checked ~ a
@include left(0)
> span
position: absolute
width: 100%
margin: 0
font-weight: normal
@include text-align(left)
@include left(0)
span
position: absolute
top: 0
z-index: 5
display: block
width: 50%
text-align: center
@include left(0)
&:last-child
@include left(50%)
a
position: absolute
top: 0
z-index: 4
display: block
width: 50%
height: 100%
padding: 0
@include left(50%)
// Radio Switch
@mixin switch-toggle()
@include switch-shared()
position: relative
input
position: absolute
opacity: 0
label
position: relative
z-index: 2
width: 50%
height: 100%
margin: 0
text-align: center
@include float(left)
a
position: absolute
top: 0
padding: 0
z-index: 1
width: 50%
height: 100%
color: white
border: solid 1px #279CBB
background-color: #2eacce
@include left(0)
@include box-shadow('#1B7088' 0 -1px 0 inset)
input:last-of-type:checked ~ a
border: solid 1px #CA6F6F
background-color: #E08F95
@include left(50%)
@include box-shadow('#5C5C5C' 0 -1px 0 inset)
input:disabled ~ a
border: solid 1px lighten(gray,20%) !important
background-color: lighten(gray,30%) !important
@include box-shadow(lighten(gray,20%) 0 -1px 0 inset !important)
//Generate styles for the multiple states
@for $i from 1 through 3
$state: $i + 2
$width: 100 / ($i + 2)
&.switch-#{$state}
label,
a
width: $width * 1%
@for $j from 2 through ($i + 1)
&.switch-#{$state} input:checked:nth-of-type(#{$j}) ~ a
@include left($width * ($j - 1) * 1%)
&.switch-#{$state} input:checked:last-of-type ~ a
@include left(100 - $width * 1%)
.switch a,
.switch-light span span
display: none
@media only screen
.switch-light
@include switch-light()
.switch
@include switch-toggle()
.prestashop-switch
margin-top: 3px
background-color: #eee
border-radius: 3px
color: #333
text-align: center
@include box-shadow(rgba(black,0.15) 0 1px 4px 1px inset)
*
outline: 0!important
label
text-transform: uppercase
color: #bbb
font-weight: 400
cursor: pointer
@include transition(color 0.2s ease-out)
input:checked + label
color: white
> span
color: #666
text-transform: uppercase
cursor: pointer
&.switch-light input:checked
~ a
border: solid 1px $brand-success
background-color: lighten($brand-success,10%)
@include box-shadow($brand-success 0 -1px 0 inset)
~ span span
&:first-of-type
color: white
&:last-of-type
color: #ccc
&.switch-light input
~ a
border: solid 1px $brand-danger
background-color: lighten($brand-danger,10%)
@include box-shadow($brand-danger 0 -1px 0 inset)
~ span span
&:first-of-type
color: #ccc
&:last-of-type
color: white

286
web/admin1553pskpx/themes/default/sass/partials/_tables.sass Normal file
View File

@@ -0,0 +1,286 @@
.table
border-collapse: separate
border-spacing: 0 2px 0 0
margin-bottom: 5px
thead
> tr > th
border: none
font-weight: normal
vertical-align: top
border-bottom: solid 1px darken(#CAE5F4,10%)
span.title_box
color: #656565
display: block
word-wrap: nowrap
white-space: nowrap
&.active
font-weight: bold
a
text-decoration: none
a.active
color: black
.label-tooltip
color: #3586AE
background-color: lighten(#D8EDF7,5%)
border: none
border-bottom: solid 1px #D8EDF7
padding: 0 5px
> tr.filter > th
background-color: lighten(#CAE5F4,8%)
input[type="text"].filter, input[type="password"].filter, select.filter
font-size: 11px
padding: 4px
border-color: darken(#CAE5F4,10%)
input, select
margin: 0
&.center
margin: 0 auto
tbody
> tr > td
border-top: none
color: lighten(black,40%)
background-color: white
padding: 3px 7px
vertical-align: middle
word-wrap: nowrap
font-size: 12px
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
width: 80px
cursor: move
text-align: center
position: relative
font-size: $icon-size-base
@include padding(4px, 4px, 4px, 20px)
@include border-radius(5px)
&:hover
color: white
background-color: $brand-primary !important
&:before
@extend .icon
@extend .icon-arrows
display: block
height: 16px
width: 16px
position: absolute
top: 8px
@include left(6px)
.positions
display: inline-block
border: solid 1px #ccc
background-color: #eee
padding: 0 5px
color: #aaa
width: 43px
text-shadow: white 1px 1px
@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: #EEEEEE
td
color: white !important
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)
tr.highlighted td
background-color: $brand-primary!important
color: white !important
.bulk-actions
@include margin(17px, 0, 0, 0)
ul i
font-size: 14px
.list-action-enable
font-size: 1.3em
display: inline-block
width: 30px
text-align: center
color: rgba(white,0.8)
@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
text-align: center
display: block
width: 50%
margin: 20px auto
color: #999
font-family: $headings-font-family
font-size: 1.4em
.list-empty-icon
color: #dedede
display: block
clear: both
font-size: $icon-size-base*6
text-shadow: white 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
border: 1px solid #ccc
@include box-shadow(#EAEDEF 0 2px 0 0 )
width: 100%
margin-bottom: 6px
&:last-child
border-bottom: 1px solid #ccc
td
position: relative
padding-left: 35% !important
width: 100% !important
text-align: left !important
line-height: 2em !important
font-size: 1.15em !important
white-space: nowrap
overflow: hidden
text-overflow: ellipsis
&:last-child
border: none
.btn-group-action
.dropdown-toggle
display: none !important
ul.dropdown-menu, .dropdown-menu li
position: relative
padding: 0
margin: 0
float: right
display: inline-block
background: transparent
border: none
z-index: 13
@include box-shadow(none)
.dropdown-menu li a, a.btn, button.btn
background-color: white
border: none
padding: 12px 10px !important
margin-right: 5px
display: inline-block
margin: 0 !important
float: right
border-left: 1px solid #EAEDEF
z-index: 13
color: $brand-primary
font-weight: bold
@include box-shadow(none)
@include border-radius(0)
i
color: $brand-primary
&:hover
background-color: $brand-primary
color: white
i
color: white
.odd td
background-color: #FCFDFE !important
td.row-selector
display: none
td:before
position: absolute
top: 4px
left: 12px
width: 30%
border-right: 1px solid #EAEDEF
padding-right: 10px
white-space: nowrap
color: #aaa
text-align: right
font-size: 0.9em
font-style: italic
td:last-child
text-align: right !important
padding: 0 !important
&:before
content: none !important
.btn-group
float: none !important
.table-responsive
width: 100%
margin-bottom: ($line-height-computed * 0.75)
overflow-y: hidden
overflow-x: auto
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

1355
web/admin1553pskpx/themes/default/sass/partials/_tinymce.sass Normal file
View File

File diff suppressed because it is too large Load Diff

152
web/admin1553pskpx/themes/default/sass/partials/_toolbar.sass Normal file
View File

@@ -0,0 +1,152 @@
.page-head
width: 100%
height: 100px
margin: 0
position: fixed
top: $size-header-height
z-index: 499
background-color: white
border-bottom: #DFDFDF 1px solid
color: #363A41
padding: 0 0 0 210px
.mobile &
top: $size-header-height + ($header-mobile-padding-y * 2)
@media (max-width: breakpoint-max('md'))
padding: 0
transition: padding-left .5s ease-out
left: 0
&.with-tabs
height: 140px
> .wrapper
padding-left: 15px
.page-title
float: left
clear: left
position: relative
margin: 0 0 .9375rem
font: 20pt $font-family-sans-serif
color: #363A41
white-space: nowrap
padding: .3125rem 0
line-height: 1.2
a
border-bottom: dotted 1px white
&:hover
color: black
border-color: black
a
color: white
text-decoration: none
h4.page-subtitle
@include float(left)
position: absolute
margin-top: 60px
@include left($widthSidebarNav+20px)
font-family: $url-font-content-name
@media (max-width: $screen-tablet)
@include left(70px)
.toolbarBox
position: absolute
background-color: transparent!important
@include right(0)
#toolbar-nav
border: none
.btn-toolbar
margin: 0
@include padding(3px, 0, 0, 0)
.toolbar_btn
position: relative
padding: 20px 5px !important
font-size: 12px
line-height: 8px
color: $main-color
text-align: center
text-shadow: none
white-space: nowrap
overflow: hidden
text-overflow: ellipsis
@include margin(0, 3px, 2px, 0)
@media (max-width: $screen-desktop)
width: 46px
font-size: 11px
i
color: $toolbar-buttons-color
&:hover
color: $toolbar-buttons-hover-color
div
padding-top: 10px
.dropdown-toolbar
display: none
@include float(right)
@include border-radius(3px)
@media (max-width: $screen-sm)
display: block
ul.page-breadcrumb
list-style: none
margin: 0
padding: .3125rem 0
line-height: 1.5
color: black
font-size: 12px
color: rgba(black,0.5)
background: transparent !important
border: none !important
white-space: nowrap
float: left
@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
border-top: 1px solid #dfdfdf
border-bottom: 1px solid #dfdfdf
font-weight: 400
li
display: inline-block
a
padding: .9375rem 1.25rem
vertical-align: middle
color: #6c868e
box-sizing: border-box
font-size: .875rem
line-height: 1.5
&.current
border-bottom: 3px solid #3ed2f0
background-color: #f4f9fb
color: #363a41
.page-sidebar-closed
.page-head
padding-left: 4.0625rem
.page-header-toolbar-back
border: none!important
display: inline-block

65
web/admin1553pskpx/themes/default/sass/partials/_tree.sass Normal file
View File

@@ -0,0 +1,65 @@
.tree-panel-heading-controls
line-height: 2.2em
font-size: 1.1em
//text-transform: uppercase
color: $brand-primary
i
font-size: $icon-size-base
.tree
list-style: none
@include padding(0, 0, 0, 20px)
input
vertical-align: baseline
margin-right: 4px
line-height: normal
i
font-size: $icon-size-base
.tree-item-name, .tree-folder-name
padding: 2px 5px
@include border-radius(4px)
label
font-weight: 400
&:hover
background-color: #eee
cursor: pointer
.tree-selected
color: white
background-color: $brand-primary
&:hover
background-color: darken($brand-primary,5%)
i.tree-dot
background-color: white
i.tree-dot
display: inline-block
position: relative
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
.tree-panel-heading-controls
margin: -20px -20px 20px
padding: 5px
border-bottom: solid 1px #DFDFDF
.tree-actions
.twitter-typeahead
@include padding(0,0,0,4px)
position: relative
top: 1px
.tt-hint
left: 4px !important
color: #ccc
.tree-panel-label-title
font-weight: 400
margin: 0
@include padding(0, 0, 0, 8px)

35
web/admin1553pskpx/themes/default/sass/partials/index.php Normal file
View File

@@ -0,0 +1,35 @@
<?php
/**
* 2007-2018 PrestaShop
*
* 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.txt.
* 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 http://www.prestashop.com for more information.
*
* @author PrestaShop SA <contact@prestashop.com>
* @copyright 2007-2018 PrestaShop SA
* @license https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
* International Registered Trademark & Property of PrestaShop SA
*/
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;