// organize css
This commit is contained in:
Kevin Granger
File diff suppressed because it is too large
Load Diff
@@ -1,77 +1,12 @@
|
||||
@import "theme-colors"
|
||||
@import "compass"
|
||||
@import "bootstrap/variables"
|
||||
@import "bootstrap"
|
||||
@import "font-awesome"
|
||||
@import "admin-theme/admin-theme-colors"
|
||||
@import "admin-theme/_bootstrap-variables"
|
||||
@import "admin-theme/_bootstrap-init"
|
||||
@import "admin-theme/_font-awesome"
|
||||
|
||||
html, body
|
||||
height: 100%
|
||||
|
||||
#header_infos
|
||||
@extend .navbar
|
||||
@extend .navbar-inverse
|
||||
@extend .navbar-fixed-top
|
||||
background-color: $bg-header-color
|
||||
#header_shopname
|
||||
@extend .navbar-brand
|
||||
font: 300 1.3em/100% $headings-font-family
|
||||
#header_notifs_icon_wrapper
|
||||
@extend .hidden-xs
|
||||
@extend .nav
|
||||
@extend .navbar-nav
|
||||
li a
|
||||
padding: 9px 5px
|
||||
> li > a > i
|
||||
font-size: 1.4em
|
||||
color: white
|
||||
vertical-align: middle
|
||||
.notifs_badge
|
||||
@extend .badge
|
||||
background-color: $badge-notif-color
|
||||
.notifs_dropdown
|
||||
background-color: transparent
|
||||
border: none
|
||||
box-shadow: none
|
||||
.notifs_panel
|
||||
@extend .panel
|
||||
@extend .panel-default
|
||||
width: 300px
|
||||
@include box-shadow(rgba(black,0.5) 2px 2px 8px)
|
||||
.notifs_panel_header
|
||||
@extend .panel-heading
|
||||
h3
|
||||
padding: 0
|
||||
font-size: 1.3em
|
||||
margin: 0
|
||||
.notifs_panel_footer
|
||||
@extend .panel-footer
|
||||
|
||||
#header_nav_toggle
|
||||
background-color: black
|
||||
border: none
|
||||
color: white
|
||||
#header_employee_box
|
||||
@extend .nav
|
||||
@extend .navbar-nav
|
||||
@extend .navbar-right
|
||||
a img
|
||||
margin-right: 5px
|
||||
#header_foaccess i
|
||||
font-size: 1.2em
|
||||
#header_search
|
||||
@extend .navbar-form
|
||||
@extend .navbar-left
|
||||
width: 130px
|
||||
padding: 0 0 0 10px
|
||||
@media (max-width: $screen-tablet)
|
||||
width: 100%
|
||||
input, .form-group
|
||||
margin: 0
|
||||
#header_quick
|
||||
@extend .nav
|
||||
@extend .navbar-nav
|
||||
@extend .navbar-left
|
||||
|
||||
#main
|
||||
min-height: 100%
|
||||
padding: 36px 0 60px
|
||||
@@ -167,6 +102,7 @@ html, body
|
||||
padding: 0 0 0 20px
|
||||
a
|
||||
color: white
|
||||
font-style: underline
|
||||
.btn-toolbar
|
||||
margin: 0
|
||||
padding: 3px 0 0 0
|
||||
@@ -175,512 +111,26 @@ html, body
|
||||
.nav-tabs > li > a
|
||||
color: #333
|
||||
|
||||
// Tool bar
|
||||
.toolbar_btn
|
||||
position: relative
|
||||
padding: 2px 5px !important
|
||||
margin-right: 3px
|
||||
font-size: 12px
|
||||
font-weight: 600
|
||||
color: white
|
||||
text-align: center
|
||||
text-shadow: none
|
||||
&:hover
|
||||
color: $secondary-color
|
||||
border-color: white
|
||||
background-color: white!important
|
||||
|
||||
[class^="process-icon-"], [class*=" process-icon-"]
|
||||
height: 25px
|
||||
min-width: 32px
|
||||
background-position: center
|
||||
background-repeat: no-repeat
|
||||
display: block
|
||||
font-family: FontAwesome
|
||||
font-weight: normal
|
||||
font-style: normal
|
||||
font-size: 25px
|
||||
line-height: 25px
|
||||
text-decoration: inherit
|
||||
-webkit-font-smoothing: antialiased
|
||||
*margin-right: .3em
|
||||
|
||||
.process-icon-new
|
||||
@extend .icon-plus-sign-alt
|
||||
.process-icon-save
|
||||
@extend .icon-save
|
||||
.process-icon-back
|
||||
@extend .icon-arrow-left
|
||||
.process-icon-save-and-stay
|
||||
@extend .icon-save
|
||||
.process-icon-help
|
||||
@extend .icon-question-sign
|
||||
.process-icon-export
|
||||
@extend .icon-cloud-download
|
||||
.process-icon-import
|
||||
@extend .icon-cloud-upload
|
||||
.process-icon-help-new
|
||||
@extend .icon-question-sign
|
||||
.process-icon-edit
|
||||
@extend .icon-edit
|
||||
.process-icon-newAttributes
|
||||
@extend .icon-plus-sign-alt
|
||||
.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
|
||||
@extend .icon-eye-open
|
||||
.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
|
||||
@extend .icon-plus-sign
|
||||
.process-icon-newCombination.toolbar-cancel
|
||||
@extend .icon-minus-sign
|
||||
.process-icon-partial_refund
|
||||
@extend .icon-exchange
|
||||
.process-icon-cancel
|
||||
@extend .icon-remove
|
||||
.process-icon-new-url
|
||||
@extend .icon-plus-sign-alt
|
||||
.process-icon-anchor
|
||||
@extend .icon-anchor
|
||||
.process-icon-refresh
|
||||
@extend .icon-refresh
|
||||
.process-icon-configure
|
||||
@extend .icon-cog
|
||||
.process-icon-save-and-preview
|
||||
@extend .icon-save
|
||||
|
||||
.navbar-inner
|
||||
box-shadow: none!important
|
||||
.input-append
|
||||
margin-bottom: 0
|
||||
|
||||
//form
|
||||
label.control-label
|
||||
font-size: 13px
|
||||
font-weight: normal
|
||||
color: #666
|
||||
|
||||
label.control-label span.label-tooltip
|
||||
text-decoration: none
|
||||
font-size: 13px
|
||||
background-color: darken($bg-content-color,5%)
|
||||
border: none
|
||||
border-bottom: solid 1px darken($bg-content-color,10%)
|
||||
padding: 0 5px
|
||||
@include border-radius(3px)
|
||||
|
||||
.tooltip
|
||||
font-size: 12px
|
||||
|
||||
label.required:before
|
||||
content: '*'
|
||||
color: red
|
||||
font-size: 14px
|
||||
position: relative
|
||||
line-height: 12px
|
||||
|
||||
select.input-tiny,
|
||||
input[type="text"].input-tiny,
|
||||
input[type="password"].input-tiny
|
||||
width: 80px
|
||||
float: left
|
||||
|
||||
td.actions
|
||||
min-width: 200px
|
||||
.dropdown-menu
|
||||
text-align: left
|
||||
.btn-group-action
|
||||
float: right
|
||||
a
|
||||
text-decoration: none
|
||||
|
||||
.btn
|
||||
text-transform: uppercase
|
||||
.caret
|
||||
border-top-color: $gray-dark!important
|
||||
&:hover, &:focus
|
||||
.caret
|
||||
border-top-color: white!important
|
||||
&.btn-default
|
||||
@include box-shadow(darken($btn-default-bg,10%) 0 -2px 0 inset)
|
||||
|
||||
&.btn-primary
|
||||
@include box-shadow(lighten($brand-success,30%) 0 -2px 0 inset)
|
||||
|
||||
&.btn-default[disabled]
|
||||
border-color: $gray-light
|
||||
color: $gray-light
|
||||
background-color: lighten($gray-light,35%)
|
||||
@include box-shadow(lighten($gray-light,20%) 0 -2px 0 inset)
|
||||
|
||||
hr
|
||||
border-color: darken($bg-content-color,10%)
|
||||
border-bottom: 1px solid white
|
||||
|
||||
//table
|
||||
.table
|
||||
@extend .table-striped
|
||||
@extend .table-hover
|
||||
border-collapse: separate
|
||||
border-spacing: 0 2px 0 0
|
||||
margin-bottom: 5px
|
||||
thead > tr > th
|
||||
border: none
|
||||
font-weight: normal
|
||||
vertical-align: top
|
||||
span.title_box
|
||||
color: black
|
||||
font-size: 1.1em
|
||||
font-weight: bold
|
||||
display: block
|
||||
word-wrap: nowrap
|
||||
white-space: nowrap
|
||||
&.active
|
||||
font-weight: bold
|
||||
a
|
||||
text-decoration: none
|
||||
a.active
|
||||
color: black
|
||||
input, select
|
||||
margin: 0
|
||||
tbody > tr > td
|
||||
border-top: none
|
||||
background-color: white
|
||||
tbody > tr > td
|
||||
padding: 3px 7px
|
||||
vertical-align: middle
|
||||
word-wrap: nowrap
|
||||
font-size: 12px
|
||||
border-bottom: solid 1px #eee
|
||||
td.center, th.center
|
||||
text-align: center
|
||||
td.pointer
|
||||
cursor: pointer
|
||||
tr td:first-child, tr th:first-child
|
||||
border-top-left-radius: 3px
|
||||
border-bottom-left-radius: 3px
|
||||
tr td:last-child,tr th:last-child
|
||||
border-top-right-radius: 3px
|
||||
border-bottom-right-radius: 3px
|
||||
|
||||
tr.filter
|
||||
background-color: lighten(#CAE5F4,5%)
|
||||
input[type="text"].filter, input[type="password"].filter, select.filter
|
||||
font-size: 12px
|
||||
border-color: darken(#CAE5F4,10%)
|
||||
|
||||
.breadcrumb
|
||||
background-color: lighten($bg-content-color,7%)
|
||||
|
||||
.badge
|
||||
background-color: $secondary-color
|
||||
&.badge-success
|
||||
@extend .badge
|
||||
background-color: $brand-success
|
||||
&.badge-error
|
||||
@extend .badge
|
||||
background-color: $brand-danger
|
||||
|
||||
.row-margin-bottom
|
||||
margin-bottom: 15px
|
||||
|
||||
.icon-big
|
||||
font-size: 4em
|
||||
color: darken($bg-content-color,20%)
|
||||
|
||||
#module-list
|
||||
h3
|
||||
position: relative
|
||||
top: 0
|
||||
left: 0
|
||||
margin: 0
|
||||
padding: 0
|
||||
background-color: transparent
|
||||
color: $main-color
|
||||
font-weight: 500
|
||||
|
||||
#footer
|
||||
z-index: 600
|
||||
min-height: 60px
|
||||
display: block
|
||||
width: 100%
|
||||
padding: 15px 0 0 0
|
||||
background-color: $bg-footer-color
|
||||
color: #888
|
||||
a
|
||||
color: #ccc
|
||||
a.link-social
|
||||
&:hover
|
||||
text-decoration: none
|
||||
i
|
||||
font-size: 2em
|
||||
width: 30px
|
||||
height: 30px
|
||||
display: inline-block
|
||||
line-height: 30px
|
||||
text-align: center
|
||||
@include border-radius(30px)
|
||||
.link-twitter i
|
||||
color: white
|
||||
background-color: #7CCEEF
|
||||
.link-facebook i
|
||||
color: white
|
||||
background-color: #557DBB
|
||||
.link-github i
|
||||
color: black
|
||||
background-color: white
|
||||
.link-google i
|
||||
color: white
|
||||
background-color: #E6644E
|
||||
#go-top
|
||||
position: fixed
|
||||
bottom: 10px
|
||||
height: 30px
|
||||
width: 30px
|
||||
text-align: center
|
||||
line-height: 30px
|
||||
right: 10px
|
||||
z-index: 9003
|
||||
display: block
|
||||
padding: 0px 6px 0px 6px
|
||||
margin: -2px 0px 0px
|
||||
text-decoration: none
|
||||
color: #fff
|
||||
cursor: pointer
|
||||
font-size: 16px
|
||||
background-color: rgba(0,0,0,0.5)
|
||||
&:hover
|
||||
background-color: black
|
||||
|
||||
#nobootstrap
|
||||
float: left
|
||||
|
||||
//WIP (refacto, keep it simple, order ...)
|
||||
|
||||
//some helpers to get fixed width
|
||||
.fixed-width-xs
|
||||
width: 40px!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
|
||||
|
||||
//todo: remove temp fix for bootstrap RC1 -> final
|
||||
input[type="text"],input[type="search"],input[type="password"], textarea, select
|
||||
@extend .form-control
|
||||
fieldset > .row
|
||||
@extend .form-group
|
||||
|
||||
textarea
|
||||
resize: none
|
||||
|
||||
.box-stats
|
||||
background-color: white
|
||||
.boxchart-overlay
|
||||
padding: 10px 10px 5px 10px
|
||||
margin-right: 10px
|
||||
float: left
|
||||
color: white
|
||||
@include border-radius(3px)
|
||||
i
|
||||
float: left
|
||||
height: 64px
|
||||
width: 64px
|
||||
margin-right: 10px
|
||||
color: white
|
||||
font-size: 35px
|
||||
text-align: center
|
||||
line-height: 64px
|
||||
@include border-radius(3px)
|
||||
.title
|
||||
color: #666
|
||||
display: block
|
||||
.value
|
||||
font-size: 22px
|
||||
small
|
||||
line-height: 0.3em
|
||||
color: #aaa
|
||||
text-transform: uppercase
|
||||
&:hover
|
||||
text-decoration: none
|
||||
.color1
|
||||
i, .boxchart-overlay
|
||||
background-color: #2BA8E3
|
||||
@include box-shadow(rgba(black,0.15) 0 -3px 0 inset)
|
||||
.value
|
||||
color: #2BA8E3
|
||||
.color2
|
||||
i, .boxchart-overlay
|
||||
background-color: #FF5450
|
||||
@include box-shadow(rgba(black,0.15) 0 -3px 0 inset)
|
||||
.value
|
||||
color: #FF5450
|
||||
.color3
|
||||
i, .boxchart-overlay
|
||||
background-color: #9E5BA1
|
||||
@include box-shadow(rgba(black,0.15) 0 -3px 0 inset)
|
||||
.value
|
||||
color: #9E5BA1
|
||||
.color4
|
||||
i, .boxchart-overlay
|
||||
background-color: #95CC6B
|
||||
@include box-shadow(rgba(black,0.15) 0 -3px 0 inset)
|
||||
.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
|
||||
|
||||
.thumbnail
|
||||
background-color: white
|
||||
border-color: #ccc!important
|
||||
|
||||
tr.highlighted td
|
||||
background-color: $brand-primary!important
|
||||
color: white
|
||||
|
||||
.hook_panel
|
||||
@extend .well
|
||||
@include box-shadow(rgba(white,0.9) 0 0 0 1px inset)
|
||||
padding: 10px 10px 5px 10px
|
||||
margin-bottom: 3px!important
|
||||
.module_name
|
||||
font-size: 1.2em
|
||||
.module_description
|
||||
@extend .text-muted
|
||||
.hook_panel_header
|
||||
margin: 0 -10px 0 -10px
|
||||
padding: 0 10px 10px 10px
|
||||
.hook_name
|
||||
font-weight: 400
|
||||
font-size: 1.2em
|
||||
@include border-radius(3px)
|
||||
color: $brand-primary
|
||||
border: solid 1px #ccc
|
||||
background-color: white
|
||||
padding: 0 4px
|
||||
.hook_title
|
||||
text-transform: uppercase
|
||||
font-size: 1em
|
||||
.hook_description
|
||||
@extend .text-muted
|
||||
padding: 3px 0 0 3px
|
||||
.module_list
|
||||
.module_list_item
|
||||
display: table
|
||||
width: 100%
|
||||
padding: 5px 0
|
||||
margin-bottom: 4px
|
||||
background-color: white
|
||||
@include box-shadow(rgba(0,0,0,0.3) 0 0 3px,rgba(black,0.10) 0 -2px 0 inset)
|
||||
@include border-radius(3px)
|
||||
.module_col_select
|
||||
display: table-cell
|
||||
width: 22px
|
||||
min-height: 35px
|
||||
vertical-align: middle
|
||||
text-align: center
|
||||
border-right: 1px solid #ddd
|
||||
.module_col_position
|
||||
display: table-cell
|
||||
width: 60px
|
||||
vertical-align: middle
|
||||
text-align: right
|
||||
.positions
|
||||
font-family: $headings-font-family
|
||||
font-weight: 200
|
||||
@include text-shadow(white 1px 1px)
|
||||
padding: 0 5px
|
||||
font-size: 1.6em
|
||||
color: #aaa
|
||||
@include border-radius(3px)
|
||||
@include box-shadow(rgba(0,0,0,0.2) 0 1px 3px inset)
|
||||
border: solid 1px #ccc
|
||||
background-color: #eee
|
||||
.module_col_icon
|
||||
display: table-cell
|
||||
width: 50px
|
||||
text-align: center
|
||||
vertical-align: middle
|
||||
|
||||
.module_col_infos
|
||||
display: table-cell
|
||||
height: 50px
|
||||
vertical-align: middle
|
||||
|
||||
.module_col_actions
|
||||
display: table-cell
|
||||
width: 160px
|
||||
padding: 0 10px
|
||||
vertical-align: middle
|
||||
text-align: right
|
||||
.btn-group
|
||||
text-align: left
|
||||
|
||||
|
||||
.tree
|
||||
padding: 0 0 0 20px
|
||||
list-style: none
|
||||
input
|
||||
margin-right: 4px
|
||||
i
|
||||
font-size: 1.3em
|
||||
.tree-item-name, .tree-folder-name
|
||||
padding: 0 5px
|
||||
+border-radius(6px)
|
||||
font-weight: normal
|
||||
&:hover
|
||||
background-color: #eee
|
||||
cursor: pointer
|
||||
.tree-selected
|
||||
background-color: lighten($brand-primary,30%)
|
||||
i.tree-dot
|
||||
background-color: $brand-primary
|
||||
i.tree-dot
|
||||
display: inline-block
|
||||
position: relative
|
||||
width: 6px
|
||||
height: 6px
|
||||
margin: 0 4px 0 6px
|
||||
background-color: #ccc
|
||||
+border-radius(6px)
|
||||
.tree-item-disable, .tree-folder-name-disable
|
||||
color: #ccc
|
||||
&:hover
|
||||
color: #ccc
|
||||
background-color: none
|
||||
|
||||
//tabs
|
||||
.nav-tabs
|
||||
border-bottom: none
|
||||
li a
|
||||
@@ -692,71 +142,19 @@ tr.highlighted td
|
||||
a, a:hover
|
||||
background-color: white
|
||||
|
||||
.tree-actions
|
||||
padding-bottom: 4px
|
||||
display: inline-block
|
||||
//components
|
||||
@import "admin-theme/admin-header"
|
||||
@import "admin-theme/admin-footer"
|
||||
@import "admin-theme/admin-nav"
|
||||
@import "admin-theme/admin-commons"
|
||||
@import "admin-theme/admin-tables"
|
||||
@import "admin-theme/admin-tree"
|
||||
@import "admin-theme/admin-forms"
|
||||
@import "admin-theme/admin-kpi"
|
||||
@import "admin-theme/admin-switch"
|
||||
@import "admin-theme/admin-toolbar"
|
||||
|
||||
//typeahead
|
||||
.tt-query
|
||||
+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
|
||||
+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: 2px 6px
|
||||
min-height: 30px
|
||||
overflow: auto
|
||||
+border-radius(5px)
|
||||
border: solid 1px #ccc
|
||||
+box-shadow(rgba(0, 0, 0, 0.075) 0 1px 1px inset)
|
||||
span
|
||||
float: left
|
||||
> span
|
||||
display: inline-block
|
||||
padding: 3px 5px
|
||||
margin: 3px
|
||||
border-radius: 2px
|
||||
border: 1px solid $brand-primary
|
||||
background-color: lighten($brand-primary,15%)
|
||||
color: white
|
||||
> a
|
||||
padding-left: 5px
|
||||
color: $brand-primary
|
||||
text-decoration: none
|
||||
font-weight: bold
|
||||
> input
|
||||
margin-top: 2px
|
||||
border: 0 none
|
||||
width: 100px
|
||||
+box-shadow(none)
|
||||
> input:focus
|
||||
outline: 0
|
||||
+box-shadow(none)
|
||||
|
||||
//module positions
|
||||
li.sortable-placeholder
|
||||
border: 1px dashed #CCC
|
||||
background-color: #BBB
|
||||
margin-bottom: 4px
|
||||
+border-radius(5px)
|
||||
|
||||
//login page
|
||||
|
||||
@import "nav"
|
||||
@import "toggle-switch"
|
||||
@import "carrier-wizard"
|
||||
@import "dashboard"
|
||||
//page specific
|
||||
@import "admin-theme/admin-carrier-wizard"
|
||||
@import "admin-theme/admin-modules"
|
||||
@import "admin-theme/admin-dashboard"
|
||||
|
||||
@@ -0,0 +1,32 @@
|
||||
.fixed-width-xs
|
||||
width: 40px!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
|
||||
|
||||
.row-margin-bottom
|
||||
margin-bottom: 15px
|
||||
|
||||
textarea
|
||||
resize: none
|
||||
|
||||
.thumbnail
|
||||
background-color: white
|
||||
border-color: #ccc!important
|
||||
|
||||
.badge
|
||||
background-color: $secondary-color
|
||||
&.badge-success
|
||||
@extend .badge
|
||||
background-color: $brand-success
|
||||
&.badge-error
|
||||
@extend .badge
|
||||
background-color: $brand-danger
|
||||
|
||||
@@ -0,0 +1,53 @@
|
||||
#footer
|
||||
z-index: 600
|
||||
min-height: 60px
|
||||
display: block
|
||||
width: 100%
|
||||
padding: 15px 0 0 0
|
||||
background-color: $bg-footer-color
|
||||
color: #888
|
||||
a
|
||||
color: #ccc
|
||||
#go-top
|
||||
position: fixed
|
||||
bottom: 10px
|
||||
height: 30px
|
||||
width: 30px
|
||||
text-align: center
|
||||
line-height: 30px
|
||||
right: 10px
|
||||
z-index: 9003
|
||||
display: block
|
||||
padding: 0px 6px 0px 6px
|
||||
margin: -2px 0px 0px
|
||||
text-decoration: none
|
||||
color: #fff
|
||||
cursor: pointer
|
||||
font-size: 16px
|
||||
background-color: rgba(0,0,0,0.5)
|
||||
&:hover
|
||||
background-color: black
|
||||
|
||||
a.link-social
|
||||
&:hover
|
||||
text-decoration: none
|
||||
i
|
||||
font-size: 2em
|
||||
width: 30px
|
||||
height: 30px
|
||||
display: inline-block
|
||||
line-height: 30px
|
||||
text-align: center
|
||||
@include border-radius(30px)
|
||||
.link-twitter i
|
||||
color: white
|
||||
background-color: #7CCEEF
|
||||
.link-facebook i
|
||||
color: white
|
||||
background-color: #557DBB
|
||||
.link-github i
|
||||
color: black
|
||||
background-color: white
|
||||
.link-google i
|
||||
color: white
|
||||
background-color: #E6644E
|
||||
@@ -0,0 +1,111 @@
|
||||
//form
|
||||
label.control-label
|
||||
font-size: 13px
|
||||
font-weight: normal
|
||||
color: #666
|
||||
|
||||
label.control-label span.label-tooltip
|
||||
text-decoration: none
|
||||
font-size: 13px
|
||||
background-color: darken($bg-content-color,5%)
|
||||
border: none
|
||||
border-bottom: solid 1px darken($bg-content-color,10%)
|
||||
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
|
||||
|
||||
select.input-tiny,
|
||||
input[type="text"].input-tiny,
|
||||
input[type="password"].input-tiny
|
||||
width: 80px
|
||||
float: left
|
||||
|
||||
textarea
|
||||
resize: none
|
||||
|
||||
//buttons
|
||||
.btn
|
||||
text-transform: uppercase
|
||||
.caret
|
||||
border-top-color: $gray-dark!important
|
||||
&:hover, &:focus
|
||||
.caret
|
||||
border-top-color: white!important
|
||||
&.btn-default
|
||||
@include box-shadow(darken($btn-default-bg,10%) 0 -2px 0 inset)
|
||||
|
||||
&.btn-primary
|
||||
@include box-shadow(lighten($brand-success,30%) 0 -2px 0 inset)
|
||||
|
||||
&.btn-default[disabled]
|
||||
border-color: $gray-light
|
||||
color: $gray-light
|
||||
background-color: lighten($gray-light,35%)
|
||||
@include box-shadow(lighten($gray-light,20%) 0 -2px 0 inset)
|
||||
.dropdown-menu
|
||||
text-align: left
|
||||
.btn-group-action
|
||||
float: right
|
||||
a
|
||||
text-decoration: none
|
||||
|
||||
//typeahead
|
||||
.tt-query
|
||||
+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
|
||||
+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: 2px 6px
|
||||
min-height: 30px
|
||||
overflow: auto
|
||||
+border-radius(5px)
|
||||
border: solid 1px #ccc
|
||||
+box-shadow(rgba(0, 0, 0, 0.075) 0 1px 1px inset)
|
||||
span
|
||||
float: left
|
||||
> span
|
||||
display: inline-block
|
||||
padding: 3px 5px
|
||||
margin: 3px
|
||||
border-radius: 2px
|
||||
border: 1px solid $brand-primary
|
||||
background-color: lighten($brand-primary,15%)
|
||||
color: white
|
||||
> a
|
||||
padding-left: 5px
|
||||
color: $brand-primary
|
||||
text-decoration: none
|
||||
font-weight: bold
|
||||
> input
|
||||
margin-top: 2px
|
||||
border: 0 none
|
||||
width: 100px
|
||||
+box-shadow(none)
|
||||
> input:focus
|
||||
outline: 0
|
||||
+box-shadow(none)
|
||||
@@ -0,0 +1,64 @@
|
||||
#header_infos
|
||||
@extend .navbar
|
||||
@extend .navbar-inverse
|
||||
@extend .navbar-fixed-top
|
||||
background-color: $bg-header-color
|
||||
#header_shopname
|
||||
@extend .navbar-brand
|
||||
font: 300 1.3em/100% $headings-font-family
|
||||
#header_notifs_icon_wrapper
|
||||
@extend .hidden-xs
|
||||
@extend .nav
|
||||
@extend .navbar-nav
|
||||
li a
|
||||
padding: 9px 5px
|
||||
> li > a > i
|
||||
font-size: 1.4em
|
||||
color: white
|
||||
vertical-align: middle
|
||||
.notifs_badge
|
||||
@extend .badge
|
||||
background-color: $badge-notif-color
|
||||
.notifs_dropdown
|
||||
background-color: transparent
|
||||
border: none
|
||||
box-shadow: none
|
||||
.notifs_panel
|
||||
@extend .panel
|
||||
@extend .panel-default
|
||||
width: 300px
|
||||
@include box-shadow(rgba(black,0.5) 2px 2px 8px)
|
||||
.notifs_panel_header
|
||||
@extend .panel-heading
|
||||
h3
|
||||
padding: 0
|
||||
font-size: 1.3em
|
||||
margin: 0
|
||||
.notifs_panel_footer
|
||||
@extend .panel-footer
|
||||
|
||||
#header_nav_toggle
|
||||
background-color: black
|
||||
border: none
|
||||
color: white
|
||||
#header_employee_box
|
||||
@extend .nav
|
||||
@extend .navbar-nav
|
||||
@extend .navbar-right
|
||||
a img
|
||||
margin-right: 5px
|
||||
#header_foaccess i
|
||||
font-size: 1.2em
|
||||
#header_search
|
||||
@extend .navbar-form
|
||||
@extend .navbar-left
|
||||
width: 130px
|
||||
padding: 0 0 0 10px
|
||||
@media (max-width: $screen-tablet)
|
||||
width: 100%
|
||||
input, .form-group
|
||||
margin: 0
|
||||
#header_quick
|
||||
@extend .nav
|
||||
@extend .navbar-nav
|
||||
@extend .navbar-left
|
||||
@@ -0,0 +1,70 @@
|
||||
.box-stats
|
||||
background-color: white
|
||||
.boxchart-overlay
|
||||
padding: 10px 10px 5px 10px
|
||||
margin-right: 10px
|
||||
float: left
|
||||
color: white
|
||||
@include border-radius(3px)
|
||||
i
|
||||
float: left
|
||||
height: 64px
|
||||
width: 64px
|
||||
margin-right: 10px
|
||||
color: white
|
||||
font-size: 35px
|
||||
text-align: center
|
||||
line-height: 64px
|
||||
@include border-radius(3px)
|
||||
.title
|
||||
color: #666
|
||||
display: block
|
||||
.value
|
||||
font-size: 22px
|
||||
small
|
||||
line-height: 0.3em
|
||||
color: #aaa
|
||||
text-transform: uppercase
|
||||
&:hover
|
||||
text-decoration: none
|
||||
.color1
|
||||
i, .boxchart-overlay
|
||||
background-color: #2BA8E3
|
||||
@include box-shadow(rgba(black,0.15) 0 -3px 0 inset)
|
||||
.value
|
||||
color: #2BA8E3
|
||||
.color2
|
||||
i, .boxchart-overlay
|
||||
background-color: #FF5450
|
||||
@include box-shadow(rgba(black,0.15) 0 -3px 0 inset)
|
||||
.value
|
||||
color: #FF5450
|
||||
.color3
|
||||
i, .boxchart-overlay
|
||||
background-color: #9E5BA1
|
||||
@include box-shadow(rgba(black,0.15) 0 -3px 0 inset)
|
||||
.value
|
||||
color: #9E5BA1
|
||||
.color4
|
||||
i, .boxchart-overlay
|
||||
background-color: #95CC6B
|
||||
@include box-shadow(rgba(black,0.15) 0 -3px 0 inset)
|
||||
.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
|
||||
|
||||
.icon-big
|
||||
font-size: 4em
|
||||
color: darken($bg-content-color,20%)
|
||||
@@ -0,0 +1,92 @@
|
||||
#module-list
|
||||
h3
|
||||
position: relative
|
||||
top: 0
|
||||
left: 0
|
||||
margin: 0
|
||||
padding: 0
|
||||
background-color: transparent
|
||||
color: $main-color
|
||||
font-weight: 500
|
||||
.hook_panel
|
||||
@extend .well
|
||||
@include box-shadow(rgba(white,0.9) 0 0 0 1px inset)
|
||||
padding: 10px 10px 5px 10px
|
||||
margin-bottom: 3px!important
|
||||
.module_name
|
||||
font-size: 1.2em
|
||||
.module_description
|
||||
@extend .text-muted
|
||||
.hook_panel_header
|
||||
margin: 0 -10px 0 -10px
|
||||
padding: 0 10px 10px 10px
|
||||
.hook_name
|
||||
font-weight: 400
|
||||
font-size: 1.2em
|
||||
@include border-radius(3px)
|
||||
color: $brand-primary
|
||||
border: solid 1px #ccc
|
||||
background-color: white
|
||||
padding: 0 4px
|
||||
.hook_title
|
||||
text-transform: uppercase
|
||||
font-size: 1em
|
||||
.hook_description
|
||||
@extend .text-muted
|
||||
padding: 3px 0 0 3px
|
||||
.module_list
|
||||
.module_list_item
|
||||
display: table
|
||||
width: 100%
|
||||
padding: 5px 0
|
||||
margin-bottom: 4px
|
||||
background-color: white
|
||||
@include box-shadow(rgba(0,0,0,0.3) 0 0 3px,rgba(black,0.10) 0 -2px 0 inset)
|
||||
@include border-radius(3px)
|
||||
.module_col_select
|
||||
display: table-cell
|
||||
width: 22px
|
||||
min-height: 35px
|
||||
vertical-align: middle
|
||||
text-align: center
|
||||
border-right: 1px solid #ddd
|
||||
.module_col_position
|
||||
display: table-cell
|
||||
width: 60px
|
||||
vertical-align: middle
|
||||
text-align: right
|
||||
.positions
|
||||
font-family: $headings-font-family
|
||||
font-weight: 200
|
||||
@include text-shadow(white 1px 1px)
|
||||
padding: 0 5px
|
||||
font-size: 1.6em
|
||||
color: #aaa
|
||||
@include border-radius(3px)
|
||||
@include box-shadow(rgba(0,0,0,0.2) 0 1px 3px inset)
|
||||
border: solid 1px #ccc
|
||||
background-color: #eee
|
||||
.module_col_icon
|
||||
display: table-cell
|
||||
width: 50px
|
||||
text-align: center
|
||||
vertical-align: middle
|
||||
|
||||
.module_col_infos
|
||||
display: table-cell
|
||||
height: 50px
|
||||
vertical-align: middle
|
||||
|
||||
.module_col_actions
|
||||
display: table-cell
|
||||
width: 160px
|
||||
padding: 0 10px
|
||||
vertical-align: middle
|
||||
text-align: right
|
||||
.btn-group
|
||||
text-align: left
|
||||
li.sortable-placeholder
|
||||
border: 1px dashed #CCC
|
||||
background-color: #BBB
|
||||
margin-bottom: 4px
|
||||
+border-radius(5px)
|
||||
@@ -0,0 +1,57 @@
|
||||
.table
|
||||
@extend .table-striped
|
||||
@extend .table-hover
|
||||
border-collapse: separate
|
||||
border-spacing: 0 2px 0 0
|
||||
margin-bottom: 5px
|
||||
thead > tr > th
|
||||
border: none
|
||||
font-weight: normal
|
||||
vertical-align: top
|
||||
span.title_box
|
||||
color: black
|
||||
font-size: 1.1em
|
||||
font-weight: bold
|
||||
display: block
|
||||
word-wrap: nowrap
|
||||
white-space: nowrap
|
||||
&.active
|
||||
font-weight: bold
|
||||
a
|
||||
text-decoration: none
|
||||
a.active
|
||||
color: black
|
||||
input, select
|
||||
margin: 0
|
||||
tbody > tr > td
|
||||
border-top: none
|
||||
background-color: white
|
||||
tbody > tr > td
|
||||
padding: 3px 7px
|
||||
vertical-align: middle
|
||||
word-wrap: nowrap
|
||||
font-size: 12px
|
||||
border-bottom: solid 1px #eee
|
||||
td.center, th.center
|
||||
text-align: center
|
||||
td.pointer
|
||||
cursor: pointer
|
||||
tr td:first-child, tr th:first-child
|
||||
border-top-left-radius: 3px
|
||||
border-bottom-left-radius: 3px
|
||||
tr td:last-child,tr th:last-child
|
||||
border-top-right-radius: 3px
|
||||
border-bottom-right-radius: 3px
|
||||
|
||||
tr.filter
|
||||
background-color: lighten(#CAE5F4,5%)
|
||||
input[type="text"].filter, input[type="password"].filter, select.filter
|
||||
font-size: 12px
|
||||
border-color: darken(#CAE5F4,10%)
|
||||
|
||||
tr.highlighted td
|
||||
background-color: $brand-primary!important
|
||||
color: white
|
||||
|
||||
td.actions
|
||||
min-width: 200px
|
||||
@@ -0,0 +1,87 @@
|
||||
.toolbar_btn
|
||||
position: relative
|
||||
padding: 2px 5px !important
|
||||
margin-right: 3px
|
||||
font-size: 12px
|
||||
font-weight: 600
|
||||
color: white
|
||||
text-align: center
|
||||
text-shadow: none
|
||||
&:hover
|
||||
color: $secondary-color
|
||||
border-color: white
|
||||
background-color: white!important
|
||||
|
||||
[class^="process-icon-"], [class*=" process-icon-"]
|
||||
height: 25px
|
||||
min-width: 32px
|
||||
background-position: center
|
||||
background-repeat: no-repeat
|
||||
display: block
|
||||
font-family: FontAwesome
|
||||
font-weight: normal
|
||||
font-style: normal
|
||||
font-size: 25px
|
||||
line-height: 25px
|
||||
text-decoration: inherit
|
||||
-webkit-font-smoothing: antialiased
|
||||
*margin-right: .3em
|
||||
|
||||
.process-icon-new
|
||||
@extend .icon-plus-sign-alt
|
||||
.process-icon-save
|
||||
@extend .icon-save
|
||||
.process-icon-back
|
||||
@extend .icon-arrow-left
|
||||
.process-icon-save-and-stay
|
||||
@extend .icon-save
|
||||
.process-icon-help
|
||||
@extend .icon-question-sign
|
||||
.process-icon-export
|
||||
@extend .icon-cloud-download
|
||||
.process-icon-import
|
||||
@extend .icon-cloud-upload
|
||||
.process-icon-help-new
|
||||
@extend .icon-question-sign
|
||||
.process-icon-edit
|
||||
@extend .icon-edit
|
||||
.process-icon-newAttributes
|
||||
@extend .icon-plus-sign-alt
|
||||
.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
|
||||
@extend .icon-eye-open
|
||||
.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
|
||||
@extend .icon-plus-sign
|
||||
.process-icon-newCombination.toolbar-cancel
|
||||
@extend .icon-minus-sign
|
||||
.process-icon-partial_refund
|
||||
@extend .icon-exchange
|
||||
.process-icon-cancel
|
||||
@extend .icon-remove
|
||||
.process-icon-new-url
|
||||
@extend .icon-plus-sign-alt
|
||||
.process-icon-anchor
|
||||
@extend .icon-anchor
|
||||
.process-icon-refresh
|
||||
@extend .icon-refresh
|
||||
.process-icon-configure
|
||||
@extend .icon-cog
|
||||
.process-icon-save-and-preview
|
||||
@extend .icon-save
|
||||
@@ -0,0 +1,34 @@
|
||||
.tree
|
||||
padding: 0 0 0 20px
|
||||
list-style: none
|
||||
input
|
||||
margin-right: 4px
|
||||
i
|
||||
font-size: 1.3em
|
||||
.tree-item-name, .tree-folder-name
|
||||
padding: 0 5px
|
||||
+border-radius(6px)
|
||||
font-weight: normal
|
||||
&:hover
|
||||
background-color: #eee
|
||||
cursor: pointer
|
||||
.tree-selected
|
||||
background-color: lighten($brand-primary,30%)
|
||||
i.tree-dot
|
||||
background-color: $brand-primary
|
||||
i.tree-dot
|
||||
display: inline-block
|
||||
position: relative
|
||||
width: 6px
|
||||
height: 6px
|
||||
margin: 0 4px 0 6px
|
||||
background-color: #ccc
|
||||
+border-radius(6px)
|
||||
.tree-item-disable, .tree-folder-name-disable
|
||||
color: #ccc
|
||||
&:hover
|
||||
color: #ccc
|
||||
background-color: none
|
||||
.tree-actions
|
||||
padding-bottom: 4px
|
||||
display: inline-block
|
||||
@@ -57,32 +57,44 @@
|
||||
<form action="#" id="login_form" method="post">
|
||||
<h3 class="text-center"><i class="icon-unlock"></i> {l s='Log in'}</h3>
|
||||
<div class="form-group">
|
||||
<label for="email">{l s='Email address:'}</label>
|
||||
<label class="control-label" for="email">{l s='Email address:'}</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon"><i class="icon-envelope"></i></span>
|
||||
<input
|
||||
name="email"
|
||||
type="text"
|
||||
id="email"
|
||||
class="email_field form-control"
|
||||
class="form-control"
|
||||
value="{if isset($email)}{$email|escape:'htmlall':'UTF-8'}{/if}"
|
||||
autofocus="autofocus"
|
||||
placeholder="test@example.com" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="passwd">{l s='Password:'}</label>
|
||||
<label class="control-label" for="passwd">{l s='Password:'}</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon"><i class="icon-key"></i></span>
|
||||
<input
|
||||
name="passwd"
|
||||
type="password"
|
||||
id="passwd"
|
||||
class="password_field form-control"
|
||||
class="form-control"
|
||||
value="{if isset($password)}{$password}{/if}"
|
||||
placeholder="{l s='Password'}" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="checkbox">
|
||||
<label for="stayloggedin">
|
||||
<input
|
||||
name="stayloggedin"
|
||||
type="checkbox"
|
||||
id="stayloggedin"
|
||||
/>
|
||||
{l s='Keep me logged in'}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="form-group">
|
||||
<button class="btn btn-link show-forgot-password" type="button">
|
||||
@@ -102,7 +114,7 @@
|
||||
<p class="alert alert-info">{l s='In order to receive your access code by email, please enter the address you provided during the registration process.'}
|
||||
</p>
|
||||
<div class="form-group">
|
||||
<label for="email_forgot">
|
||||
<label class="control-label" for="email_forgot">
|
||||
{l s='Email address:'}
|
||||
</label>
|
||||
<div class="input-group">
|
||||
@@ -111,7 +123,7 @@
|
||||
type="text"
|
||||
name="email_forgot"
|
||||
id="email_forgot"
|
||||
class="input email_field form-control"
|
||||
class="form-control"
|
||||
autofocus="autofocus"
|
||||
placeholder="test@example.com" />
|
||||
</div>
|
||||
@@ -147,6 +159,7 @@
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-md-offset-4">
|
||||
<p class="text-center text-muted">
|
||||
<a href="http://www.prestashop.com">
|
||||
|
||||
Reference in New Issue
Block a user