// Organize css/sass + backward compatibility WIP
This commit is contained in:
Kevin Granger
File diff suppressed because one or more lines are too long
@@ -1,146 +0,0 @@
|
||||
@import "compass"
|
||||
@import "admin-theme/admin-theme-colors"
|
||||
@import "admin-theme/_bootstrap-variables"
|
||||
@import "admin-theme/_bootstrap-init"
|
||||
@import "admin-theme/_font-awesome"
|
||||
|
||||
html, body
|
||||
min-height: 100%
|
||||
height: 100%
|
||||
|
||||
#main
|
||||
min-height: 100%
|
||||
padding: 36px 0 60px
|
||||
margin: 0 0 -60px 0
|
||||
background-color: $bg-content-color
|
||||
background-image: url('../img/patterns/bedge_grunge.png') // texture
|
||||
|
||||
#content
|
||||
padding: 80px 20px 0
|
||||
margin-left: 240px
|
||||
@include transition-property(margin)
|
||||
@include transition-duration(0.4s)
|
||||
@include transition-timing-function(ease-out)
|
||||
fieldset, .panel
|
||||
padding: 20px
|
||||
margin-bottom: 20px
|
||||
border: solid 1px darken($bg-content-color,10%)
|
||||
background-color: lighten($bg-content-color,20%)
|
||||
@include border-radius(5px)
|
||||
@include box-shadow(rgba(black,0.10) 0 2px 0, white 0 0 0 3px inset)
|
||||
.panel-heading
|
||||
@extend h3
|
||||
h3:not(.modal-title), .panel-heading
|
||||
border: none
|
||||
padding: 0 5px
|
||||
margin: -16px -16px 15px -16px
|
||||
color: contrasted($bg-panel-heading-color)
|
||||
font-size: 1.2em
|
||||
line-height: 30px
|
||||
font-weight: 300
|
||||
text-transform: uppercase
|
||||
background-color: white
|
||||
border-bottom: solid 1px #ccc
|
||||
i, a
|
||||
color: contrasted($bg-panel-heading-color)
|
||||
.badge
|
||||
background-color: $brand-primary
|
||||
+border-radius(0)
|
||||
height: 29px
|
||||
line-height: 25px
|
||||
font-size: 1.3em
|
||||
margin-right: 7px
|
||||
font-weight: 300
|
||||
float: left
|
||||
margin-left: -5px
|
||||
.panel-heading-action
|
||||
@extend .pull-right
|
||||
margin-right: -5px
|
||||
a.list-toolbar-btn
|
||||
float: left
|
||||
height: 30px
|
||||
width: 30px
|
||||
color: $brand-primary
|
||||
border-left: solid 1px #ccc
|
||||
&:hover
|
||||
text-decoration: none
|
||||
color: black
|
||||
i
|
||||
text-align: center
|
||||
font-size: 1.3em
|
||||
line-height: 30px
|
||||
.panel-danger .panel-heading
|
||||
background-color: $badge-notif-color!important
|
||||
form .alert
|
||||
clear: both
|
||||
|
||||
@media (max-width: $screen-tablet)
|
||||
margin-left: 0
|
||||
width: 100%
|
||||
|
||||
//backward
|
||||
#nobootstrap
|
||||
float: left
|
||||
|
||||
//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
|
||||
|
||||
//todo: remove temp fix for bootstrap RC1 -> final
|
||||
input[type="text"],input[type="search"],input[type="password"], textarea, select
|
||||
@extend .form-control
|
||||
|
||||
//panels
|
||||
#content
|
||||
.panel
|
||||
.panel-footer
|
||||
margin: 15px -20px -20px
|
||||
height: 73px
|
||||
.panel-footer
|
||||
.btn.pull-right
|
||||
margin-left: 3px
|
||||
|
||||
//colors
|
||||
.attributes-color-container
|
||||
width: 40px
|
||||
height: 25px
|
||||
display: block
|
||||
border: solid 1px black
|
||||
|
||||
//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"
|
||||
@import "admin-theme/admin-date-range-picker"
|
||||
@import "admin-theme/ladda"
|
||||
|
||||
//page specific
|
||||
@import "admin-theme/admin-login"
|
||||
@import "admin-theme/admin-carrier-wizard"
|
||||
@import "admin-theme/admin-modules"
|
||||
@import "admin-theme/admin-dashboard"
|
||||
@import "admin-theme/admin-search"
|
||||
@@ -1,147 +0,0 @@
|
||||
#carrier_wizard
|
||||
position: relative
|
||||
display: block
|
||||
.stepContainer
|
||||
position: relative
|
||||
display: block
|
||||
overflow: hidden
|
||||
clear: both
|
||||
div.content
|
||||
position: absolute
|
||||
display: block
|
||||
width: 100%
|
||||
clear: both
|
||||
.StepTitle
|
||||
display: block
|
||||
position: relative
|
||||
clear: both
|
||||
ul.anchor
|
||||
position: relative
|
||||
display: block
|
||||
float: left
|
||||
list-style: none
|
||||
padding: 0
|
||||
margin: 0 0 10px 0
|
||||
clear: both
|
||||
width: 100%
|
||||
&.nbr_steps_4
|
||||
li
|
||||
width: 25%
|
||||
float: left
|
||||
&.nbr_steps_5
|
||||
li
|
||||
width: 25%
|
||||
float: left
|
||||
li
|
||||
position: relative
|
||||
display: block
|
||||
overflow: hidden
|
||||
a
|
||||
color: #ccc
|
||||
height: 32px
|
||||
display: block
|
||||
position: relative
|
||||
margin: 0 16px 0 0
|
||||
text-decoration: none
|
||||
outline-style: none
|
||||
.stepNumber
|
||||
position: relative
|
||||
float: left
|
||||
width: 24px
|
||||
height: 32px
|
||||
margin-right: 3px
|
||||
text-align: center
|
||||
padding: 0 5px
|
||||
font-size: 30px
|
||||
line-height: 32px
|
||||
color: white
|
||||
.stepDesc
|
||||
position: relative
|
||||
text-align: left
|
||||
font-size: 13px
|
||||
height: 32px
|
||||
display: table-cell
|
||||
vertical-align: middle
|
||||
line-height: 13px
|
||||
.chevron
|
||||
border: 16px solid transparent
|
||||
border-left: 14px solid white
|
||||
border-right: 0
|
||||
position: absolute
|
||||
right: -16px
|
||||
top: 0
|
||||
&:after
|
||||
border: 16px solid transparent
|
||||
border-left: 14px solid #ccc
|
||||
border-right: 0
|
||||
position: absolute
|
||||
content: ""
|
||||
right: 2px
|
||||
top: -16px
|
||||
a.disabled
|
||||
color: #777
|
||||
background-color: #ccc
|
||||
.chevron:after
|
||||
border-left: 14px solid #ccc
|
||||
a.selected
|
||||
color: #F8F8F8
|
||||
cursor: text
|
||||
background-color: $main-color
|
||||
.chevron:after
|
||||
border-left: 14px solid $main-color
|
||||
a.done
|
||||
color: white
|
||||
background-color: $brand-success
|
||||
.chevron:after
|
||||
border-left: 14px solid $brand-success
|
||||
.loader
|
||||
display: none
|
||||
.buttonNext
|
||||
|
||||
.buttonDisabled
|
||||
|
||||
.buttonPrevious
|
||||
|
||||
.buttonFinish
|
||||
|
||||
.msgBox
|
||||
position: relative
|
||||
display: none
|
||||
float: left
|
||||
margin: 4px 0 0 5px
|
||||
padding: 5px
|
||||
border: 1px solid #FFD700
|
||||
background-color: #FFFFDD
|
||||
color: #5A5655
|
||||
+border-radius(5px)
|
||||
.msgBox .content
|
||||
padding: 0px
|
||||
float: left
|
||||
#carrier_logo_block
|
||||
right: 10px
|
||||
.wizard_error
|
||||
@extend .alert
|
||||
@extend .alert-danger
|
||||
.range_inf td, .range_sup td
|
||||
background-color: #ccc
|
||||
.range_type
|
||||
width: 220px
|
||||
text-align: right
|
||||
font-weight: bold
|
||||
.range_data
|
||||
width: 110px
|
||||
.range_sign
|
||||
width: 18px
|
||||
font-size: 20px
|
||||
text-align: center
|
||||
.range_data_new
|
||||
width: 110px
|
||||
table#zones_table
|
||||
width: auto
|
||||
.field_error
|
||||
border-color: $brand-danger
|
||||
.actionBar
|
||||
height: 30px
|
||||
.actionBar a
|
||||
float: right
|
||||
margin-right: 10px
|
||||
@@ -1,101 +0,0 @@
|
||||
.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
|
||||
.row-padding-top
|
||||
padding-top: 15px
|
||||
|
||||
.thumbnail, .img-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
|
||||
|
||||
//tabs
|
||||
.nav-tabs
|
||||
border-bottom: none
|
||||
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
|
||||
|
||||
.alert.alert-danger
|
||||
padding-left: 60px
|
||||
position: relative
|
||||
&:before
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 10px
|
||||
display: block
|
||||
min-height: 25px
|
||||
min-width: 25px
|
||||
font-family: FontAwesome
|
||||
font-weight: normal
|
||||
font-style: normal
|
||||
font-size: 35px
|
||||
text-decoration: inherit
|
||||
-webkit-font-smoothing: antialiased
|
||||
content: "\f00d"
|
||||
|
||||
.alert.alert-success
|
||||
padding-left: 60px
|
||||
position: relative
|
||||
&:before
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 10px
|
||||
display: block
|
||||
min-height: 25px
|
||||
min-width: 25px
|
||||
font-family: FontAwesome
|
||||
font-weight: normal
|
||||
font-style: normal
|
||||
font-size: 35px
|
||||
text-decoration: inherit
|
||||
-webkit-font-smoothing: antialiased
|
||||
content: "\f00c"
|
||||
|
||||
.alert.alert-info
|
||||
padding-left: 60px
|
||||
position: relative
|
||||
&:before
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 10px
|
||||
display: block
|
||||
min-height: 25px
|
||||
min-width: 25px
|
||||
font-family: FontAwesome
|
||||
font-weight: normal
|
||||
font-style: normal
|
||||
font-size: 35px
|
||||
text-decoration: inherit
|
||||
-webkit-font-smoothing: antialiased
|
||||
content: "\F05A"
|
||||
|
||||
|
||||
.overflow-y
|
||||
height: 200px
|
||||
overflow-y: auto
|
||||
@@ -1,247 +0,0 @@
|
||||
//DASHBOARD
|
||||
.size_s, .size_md, .size_l, .size_xl, .size_xxl
|
||||
font-family: $headings-font-family
|
||||
.size_s
|
||||
font-size: 1.1em
|
||||
.size_md
|
||||
font-size: 1.3em
|
||||
.size_l
|
||||
font-size: 1.7em
|
||||
.size_xl
|
||||
font-size: 2em
|
||||
.size_xxl
|
||||
font-size: 2.3em
|
||||
|
||||
.color_success
|
||||
color: $brand-success
|
||||
.color_danger
|
||||
color: $brand-danger
|
||||
|
||||
.dash_trend_down
|
||||
color: red
|
||||
&:before
|
||||
margin-right: 4px
|
||||
font-family: FontAwesome
|
||||
content: "\f0ab"
|
||||
.dash_trend_up
|
||||
color: green
|
||||
&:before
|
||||
margin-right: 4px
|
||||
font-family: FontAwesome
|
||||
content: "\f0aa"
|
||||
.dash_trend_right
|
||||
color: darkblue
|
||||
&:before
|
||||
margin-right: 4px
|
||||
font-family: FontAwesome
|
||||
content: "\f0a9"
|
||||
|
||||
.box-stats
|
||||
height: 70px
|
||||
|
||||
#dashboard
|
||||
section
|
||||
header
|
||||
padding: 3px 8px
|
||||
margin: 0 0 3px 0
|
||||
color: white
|
||||
font-size: 1.2em
|
||||
background-color: $brand-primary
|
||||
.small
|
||||
font-variant: small-cap
|
||||
text-transform: uppercase
|
||||
font-size: 0.7em
|
||||
header.panel-heading
|
||||
color: #555
|
||||
|
||||
.data_list
|
||||
@extend .list-group
|
||||
margin: 0 0 10px 0
|
||||
padding: 0
|
||||
li
|
||||
@extend .list-group-item
|
||||
position: relative
|
||||
.data_label
|
||||
small
|
||||
.data_value
|
||||
line-height: 39px
|
||||
position: absolute
|
||||
top: 0
|
||||
right: 0
|
||||
padding: 0 10px 0 0
|
||||
|
||||
.data_list_small
|
||||
margin: 8px 0 10px 0
|
||||
padding: 0 0 0 0
|
||||
border-top: solid 1px #ddd
|
||||
li
|
||||
padding: 3px 0
|
||||
position: relative
|
||||
border: none
|
||||
margin: 0
|
||||
border-bottom: dashed 1px #ddd
|
||||
.data_label
|
||||
text-transform: uppercase
|
||||
color: #bbb
|
||||
.data_value
|
||||
line-height: 25px
|
||||
position: absolute
|
||||
top: 0
|
||||
right: 0
|
||||
padding: 0
|
||||
|
||||
.data_list_large
|
||||
margin: 8px 0 10px 0
|
||||
padding: 0
|
||||
@extend .list-unstyled
|
||||
li
|
||||
padding: 6px 0
|
||||
position: relative
|
||||
border: none
|
||||
margin: 0
|
||||
.data_label
|
||||
line-height: 0.8em
|
||||
small
|
||||
font-size: 0.6em
|
||||
.data_value
|
||||
text-align: right
|
||||
line-height: 0.6em
|
||||
position: absolute
|
||||
top: 0
|
||||
right: 0
|
||||
padding: 8px 0 0 0
|
||||
small
|
||||
font-size: 0.5em
|
||||
|
||||
.data_list_vertical
|
||||
@extend .list-unstyled
|
||||
@extend .row
|
||||
padding: 0
|
||||
margin: 0 0 10px 0
|
||||
border: 1px solid #ddd
|
||||
@include border-radius(3px)
|
||||
li
|
||||
border-left: solid 1px #ddd
|
||||
@extend .col-xs-4
|
||||
padding: 6px
|
||||
&:first-child
|
||||
border: none
|
||||
.data_label
|
||||
min-height: 32px
|
||||
display: block
|
||||
line-height: 1em
|
||||
text-align: center
|
||||
.data_value
|
||||
display: block
|
||||
text-align: center
|
||||
|
||||
#dashtrends
|
||||
header
|
||||
margin-bottom: 0
|
||||
#dashtrends_toolbar
|
||||
margin: 4px -16px
|
||||
dl
|
||||
cursor: pointer
|
||||
margin: 0
|
||||
min-height: 120px
|
||||
text-align: center
|
||||
background-color: white
|
||||
padding: 10px
|
||||
border-left: 1px solid #ddd
|
||||
border-bottom: 1px solid #ddd
|
||||
&:first-child
|
||||
border-left: none
|
||||
&.active
|
||||
background-color: #eee
|
||||
dt
|
||||
text-align: center
|
||||
height: 37px
|
||||
line-height: 1em
|
||||
font: 300 1.1em/120% $headings-font-family
|
||||
svg
|
||||
height: 350px
|
||||
|
||||
#dashgoals
|
||||
svg
|
||||
height: 250px
|
||||
|
||||
#dashproducts
|
||||
|
||||
#dashaddons
|
||||
background-color: white
|
||||
border: 1px dashed #C0C0C0
|
||||
@include border-radius(3px)
|
||||
a
|
||||
display: block
|
||||
&:hover
|
||||
text-decoration: none
|
||||
padding: 10px 20px
|
||||
font-size: 1.3em
|
||||
text-align: center
|
||||
|
||||
#dashactivity
|
||||
svg
|
||||
height: 150px
|
||||
|
||||
.data_value
|
||||
span, .dash_trend
|
||||
@extend .data_loading
|
||||
.loading
|
||||
.data_value
|
||||
min-width: 30px
|
||||
text-align: center
|
||||
&:before
|
||||
@extend .icon-spin
|
||||
font-size: 0.7em
|
||||
font-family: FontAwesome
|
||||
content: "\f021"
|
||||
color: #ccc
|
||||
span, small
|
||||
display: none
|
||||
.data_trend
|
||||
display: none
|
||||
|
||||
.data_table
|
||||
|
||||
.data_chart
|
||||
|
||||
.data_trends
|
||||
|
||||
=animation($name,$value)
|
||||
-webkit-animation-#{$name}: $value
|
||||
animation-#{$name}: $value
|
||||
|
||||
=keyframes($name)
|
||||
@-webkit-keyframes #{$name}
|
||||
@content
|
||||
@-moz-keyframes #{$name}
|
||||
@content
|
||||
@-ms-keyframes #{$name}
|
||||
@content
|
||||
@-o-keyframes #{$name}
|
||||
@content
|
||||
@keyframes #{$name}
|
||||
@content
|
||||
|
||||
.data_loading
|
||||
opacity: 1
|
||||
+animation(name,bounceG)
|
||||
+animation(duration,0.7s)
|
||||
+animation(direction,linear)
|
||||
+scale(0.7)
|
||||
|
||||
+keyframes(bounceG)
|
||||
0%
|
||||
+opacity(0)
|
||||
+scale(0.1)
|
||||
100%
|
||||
+opacity(1)
|
||||
+scale(1)
|
||||
|
||||
#dash_version
|
||||
@extend .panel
|
||||
padding: 0!important
|
||||
overflow: hidden
|
||||
iframe
|
||||
height: 80px
|
||||
width: 100%
|
||||
@@ -1,272 +0,0 @@
|
||||
$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
|
||||
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
|
||||
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 auto
|
||||
label
|
||||
font-size: 0.8em
|
||||
font-weight: 700
|
||||
text-transform: uppercase
|
||||
color: #666
|
||||
input
|
||||
margin: 4px 4px 0 0
|
||||
input[type='text']
|
||||
width: 35%
|
||||
button
|
||||
margin: 5px 0 0 0
|
||||
|
||||
.daterangepicker
|
||||
position: relative
|
||||
margin: 0 0 8px 0
|
||||
width: 100%
|
||||
font-size: 13px
|
||||
border: solid 1px #ccc
|
||||
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
|
||||
left: 0
|
||||
width: 100%
|
||||
z-index: 0
|
||||
background-color: transparent
|
||||
&.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
|
||||
+border-left-radius(15px)
|
||||
//@extend .chevron-left
|
||||
&.range-compare
|
||||
background-color: mix($color-calendar-day-selected,$color-calendar-range-compare,70%)
|
||||
+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
|
||||
+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
|
||||
+border-right-radius(15px)
|
||||
&.range-compare
|
||||
background-color: mix($color-calendar-day-selected,$color-calendar-range-compare,70%)
|
||||
+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
|
||||
+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
|
||||
+border-left-radius(15px)
|
||||
//@extend .chevron-left
|
||||
&.range
|
||||
background-color: mix($color-calendar-day-selected-compare,$color-calendar-range,70%)
|
||||
+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
|
||||
//@extend .chevron-right
|
||||
+border-right-radius(15px)
|
||||
&.range
|
||||
background-color: mix($color-calendar-day-selected-compare,$color-calendar-range,70%)
|
||||
+border-right-radius(0)
|
||||
&.end-selected.start-selected
|
||||
color: $color-bright
|
||||
+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%)
|
||||
+border-radius(0)
|
||||
&.end-selected-compare.start-selected-compare
|
||||
color: $color-bright
|
||||
+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%)
|
||||
+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
|
||||
text-align: right
|
||||
padding: 0 10px 0 0
|
||||
&.prev
|
||||
text-align: left
|
||||
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
|
||||
right: 0
|
||||
top: 0
|
||||
border-width: 1.2em 0 1.2em 0.5em
|
||||
border-color: transparent transparent transparent $color-calendar-day-selected
|
||||
background-color: $color-calendar-range
|
||||
.chevron-right:before
|
||||
left: 0
|
||||
top: 0
|
||||
border-width: 1.2em 0 1.2em 0.5em
|
||||
border-color: transparent transparent transparent $color-calendar-range
|
||||
background-color: $color-calendar-day-selected
|
||||
.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)
|
||||
|
||||
@@ -1,70 +0,0 @@
|
||||
#footer
|
||||
z-index: 600
|
||||
display: block
|
||||
width: 100%
|
||||
background-color: rgba($bg-footer-color,0.85)
|
||||
color: #888
|
||||
position: fixed
|
||||
bottom: 0
|
||||
height: 50px
|
||||
line-height: 50px
|
||||
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
|
||||
.social-networks
|
||||
margin: 4px 0 0 0
|
||||
|
||||
a.link-social
|
||||
i
|
||||
font-size: 2em
|
||||
width: 30px
|
||||
height: 30px
|
||||
display: inline-block
|
||||
line-height: 30px
|
||||
text-align: center
|
||||
@include border-radius(30px)
|
||||
&:hover
|
||||
text-decoration: none
|
||||
|
||||
.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
|
||||
.link-google i
|
||||
color: white
|
||||
background-color: #E6644E
|
||||
&:hover
|
||||
color: #E6644E
|
||||
background-color: white
|
||||
@@ -1,126 +0,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)
|
||||
|
||||
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
|
||||
|
||||
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
|
||||
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)
|
||||
&:hover
|
||||
@include box-shadow(none)
|
||||
background-color: $brand-primary
|
||||
color: white
|
||||
border-color: darken($brand-primary,10%)
|
||||
i
|
||||
color: white
|
||||
|
||||
&.btn-primary
|
||||
background-color: $brand-primary
|
||||
color: white
|
||||
border-color: darken($brand-primary,10%)
|
||||
|
||||
&.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
|
||||
width: 160px
|
||||
float: right
|
||||
.btn-group
|
||||
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)
|
||||
@@ -1,115 +0,0 @@
|
||||
#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
|
||||
position: relative
|
||||
padding: 0 0 0 45px
|
||||
margin: 0 20px 0 0
|
||||
height: 37px
|
||||
line-height: 37px
|
||||
img
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 0
|
||||
width: 37px
|
||||
height: 37px
|
||||
#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: 160px
|
||||
padding: 0 0 0 10px
|
||||
position: relative
|
||||
@media (max-width: $screen-tablet)
|
||||
width: 100%
|
||||
input, .form-group
|
||||
margin: 0
|
||||
.form-group.focus-search
|
||||
position: absolute
|
||||
z-index: 900
|
||||
top: 0
|
||||
left: 10px
|
||||
width: 400px
|
||||
|
||||
#employee_infos
|
||||
|
||||
.employee_name
|
||||
position: relative
|
||||
padding-left: 34px!important
|
||||
|
||||
.employee_avatar_small
|
||||
height: 30px
|
||||
width: 30px
|
||||
display: inline-block
|
||||
position: absolute
|
||||
top: 4px
|
||||
left: 0
|
||||
img
|
||||
width: 100%
|
||||
height: 100%
|
||||
@include border-radius(30px)
|
||||
|
||||
.employee_avatar
|
||||
height: 100px
|
||||
width: 100px
|
||||
display: block
|
||||
margin: 10px auto 10px auto
|
||||
overflow: hidden
|
||||
@include border-radius(120px)
|
||||
@include box-shadow(white 0 0 0 2px, #ccc 0 0 10px 3px)
|
||||
img
|
||||
width: 100%
|
||||
height: 100%
|
||||
|
||||
|
||||
|
||||
#header_quick
|
||||
@extend .nav
|
||||
@extend .navbar-nav
|
||||
@extend .navbar-left
|
||||
@@ -1,70 +0,0 @@
|
||||
.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%)
|
||||
@@ -1,122 +0,0 @@
|
||||
#login
|
||||
height: 100%
|
||||
@include background(radial-gradient(color-stops(rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), top left),linear-gradient(top,rgba(57,173,219,.25),rgba(42,60,87,.4)),linear-gradient(left top,#670D10,#092756))
|
||||
|
||||
#login-header
|
||||
margin: 0 0 60px 0
|
||||
color: white
|
||||
|
||||
#login-panel
|
||||
margin: 0 auto
|
||||
width: 420px
|
||||
.panel
|
||||
@include box-shadow(rgba(white,0.45) 0 0 0 6px)
|
||||
.panel-footer
|
||||
margin: 0 -20px -20px
|
||||
|
||||
.flip-container
|
||||
@include perspective(1000px)
|
||||
height: 370px
|
||||
&.flip .flipper
|
||||
@include rotateY(180deg)
|
||||
|
||||
.flipper
|
||||
@include transition-duration(0.6s)
|
||||
@include transform-style(preserve-3d)
|
||||
position: relative
|
||||
|
||||
.front, .back
|
||||
@include backface-visibility(hidden)
|
||||
width: 420px
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 0
|
||||
|
||||
.front
|
||||
z-index: 2
|
||||
|
||||
.back
|
||||
@include rotateY(180deg)
|
||||
|
||||
#login-footer
|
||||
a
|
||||
color: #A0AAB5
|
||||
|
||||
.animated
|
||||
-webkit-animation-duration: 1s
|
||||
-moz-animation-duration: 1s
|
||||
-o-animation-duration: 1s
|
||||
animation-duration: 1s
|
||||
-webkit-animation-fill-mode: both
|
||||
-moz-animation-fill-mode: both
|
||||
-o-animation-fill-mode: both
|
||||
animation-fill-mode: both
|
||||
|
||||
@-webkit-keyframes fadeInDown
|
||||
0%
|
||||
opacity: 0
|
||||
-webkit-transform: translateY(-20px)
|
||||
100%
|
||||
opacity: 1
|
||||
-webkit-transform: translateY(0)
|
||||
|
||||
@-moz-keyframes fadeInDown
|
||||
0%
|
||||
opacity: 0
|
||||
-moz-transform: translateY(-20px)
|
||||
100%
|
||||
opacity: 1
|
||||
-moz-transform: translateY(0)
|
||||
|
||||
@-o-keyframes fadeInDown
|
||||
0%
|
||||
opacity: 0
|
||||
-o-transform: translateY(-20px)
|
||||
100%
|
||||
opacity: 1
|
||||
-o-transform: translateY(0)
|
||||
|
||||
@keyframes fadeInDown
|
||||
0%
|
||||
opacity: 0
|
||||
transform: translateY(-20px)
|
||||
100%
|
||||
opacity: 1
|
||||
transform: translateY(0)
|
||||
|
||||
.animated.fadeInDown
|
||||
-webkit-animation-name: fadeInDown
|
||||
-moz-animation-name: fadeInDown
|
||||
-o-animation-name: fadeInDown
|
||||
animation-name: fadeInDown
|
||||
|
||||
|
||||
@-webkit-keyframes fadeIn
|
||||
0%
|
||||
opacity: 0
|
||||
100%
|
||||
opacity: 1
|
||||
|
||||
@-moz-keyframes fadeIn
|
||||
0%
|
||||
opacity: 0
|
||||
100%
|
||||
opacity: 1
|
||||
|
||||
@-o-keyframes fadeIn
|
||||
0%
|
||||
opacity: 0
|
||||
100%
|
||||
opacity: 1
|
||||
|
||||
@keyframes fadeIn
|
||||
0%
|
||||
opacity: 0
|
||||
100%
|
||||
opacity: 1
|
||||
|
||||
.animated.fadeIn
|
||||
-webkit-animation-name: fadeIn
|
||||
-moz-animation-name: fadeIn
|
||||
-o-animation-name: fadeIn
|
||||
animation-name: fadeIn
|
||||
@@ -1,92 +0,0 @@
|
||||
#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)
|
||||
@@ -1,312 +0,0 @@
|
||||
#nav-sidebar
|
||||
position: fixed
|
||||
width: 240px
|
||||
height: 100%!important
|
||||
overflow-y: auto
|
||||
z-index: 500
|
||||
background-color: $main-color
|
||||
border-right: 1px solid black
|
||||
li.maintab > a > i
|
||||
display: inline-block
|
||||
height: 30px
|
||||
width: 30px
|
||||
font-size: 20px
|
||||
line-height: 30px
|
||||
color: white
|
||||
text-align: center
|
||||
@include border-radius(40px)
|
||||
li:not(.active)
|
||||
ul
|
||||
display: none
|
||||
li.active
|
||||
span.submenu_expand
|
||||
display: none
|
||||
ul.menu
|
||||
margin: 0 0 100px 0
|
||||
padding: 0
|
||||
border-top: 1px black solid
|
||||
list-style: none
|
||||
li.maintab
|
||||
position: relative
|
||||
&.active
|
||||
a.title, a.title:hover
|
||||
color: contrast-color($brand-primary, white, #333, 10%)
|
||||
background-color: $brand-primary
|
||||
i
|
||||
color: black
|
||||
background-color: white
|
||||
&.active
|
||||
a.title:hover
|
||||
color: contrast-color($main-color, white, #333, 10%)
|
||||
&.expanded
|
||||
a.title
|
||||
color: white
|
||||
background-color: darken($main-color,10%)
|
||||
border-bottom: solid 1px darken($main-color,25%)
|
||||
&:hover
|
||||
background-color: lighten($main-color,10%)
|
||||
i
|
||||
color: white
|
||||
span.submenu_expand
|
||||
@extend .icon-angle-up
|
||||
ul.submenu
|
||||
display: block
|
||||
a
|
||||
color: lighten($main-color,30%)
|
||||
background-color: darken($main-color,15%)
|
||||
border-bottom: solid 1px darken($main-color,25%)
|
||||
&:hover
|
||||
color: white
|
||||
background-color: darken($main-color,5%)
|
||||
a.title
|
||||
display: block
|
||||
position: relative
|
||||
padding: 2px 0 2px 8px
|
||||
border-bottom: 1px solid darken($main-color,10%)
|
||||
font-size: 12px
|
||||
line-height: 28px
|
||||
$color: contrast-color($main-color, white, #333, 10%)
|
||||
color: mix($main-color, $color, 30%)
|
||||
background-color: $main-color
|
||||
text-transform: uppercase
|
||||
text-decoration: none
|
||||
@include transition-property(background-color)
|
||||
@include transition-duration(0.4s)
|
||||
@include transition-timing-function(ease-out)
|
||||
i
|
||||
color: lighten($main-color,25%)
|
||||
background-color: darken($main-color,25%)
|
||||
@include transition-property(color)
|
||||
@include transition-duration(0.4s)
|
||||
@include transition-timing-function(ease-out)
|
||||
&:hover
|
||||
background-color: lighten($main-color,10%)
|
||||
color: white
|
||||
i
|
||||
color: white
|
||||
span.submenu_expand
|
||||
position: absolute
|
||||
right: 10px
|
||||
top: 2px
|
||||
cursor: pointer
|
||||
font-family: FontAwesome
|
||||
font-size: 24px
|
||||
font-weight: 100
|
||||
color: black
|
||||
background-color: transparent
|
||||
@extend .icon-angle-down
|
||||
@include text-shadow(lighten($main-color,10%) 1px 1px 0)
|
||||
&:hover
|
||||
color: white
|
||||
@include text-shadow(darken($main-color,20%) -1px -1px 0)
|
||||
ul.submenu
|
||||
list-style: none
|
||||
padding: 0
|
||||
li
|
||||
a
|
||||
display: block
|
||||
padding: 4px 5px 4px 10px
|
||||
font-size: 12px
|
||||
border: none
|
||||
border-bottom: solid 1px #eee
|
||||
background-color: white
|
||||
&:hover
|
||||
color: $main-color
|
||||
background-color: mix(white, $main-color, 90%)
|
||||
text-decoration: none
|
||||
&:last-child a
|
||||
border-bottom: none
|
||||
&.active a
|
||||
color: contrast-color($brand-primary, white, #333, 10%)
|
||||
background-color: $brand-primary
|
||||
border-bottom: solid 1px darken($brand-primary,10%)
|
||||
@media (max-width: $screen-tablet)
|
||||
display: none
|
||||
|
||||
#nav-topbar
|
||||
position: fixed
|
||||
height: 28px
|
||||
top: 38px
|
||||
left: 80
|
||||
width: 100%
|
||||
padding: 0 40px 0 0
|
||||
z-index: 600
|
||||
background-color: white
|
||||
ul.menu
|
||||
margin: 0
|
||||
padding: 0
|
||||
display: block
|
||||
list-style: none
|
||||
li.maintab, li.subtab
|
||||
height: 28px
|
||||
padding: 0
|
||||
margin: 0
|
||||
list-style: none
|
||||
position: relative
|
||||
float: left
|
||||
> a
|
||||
display: block
|
||||
line-height: 30px
|
||||
color: $main-color
|
||||
padding: 0 6px
|
||||
margin: 0
|
||||
font-size: 12px
|
||||
i
|
||||
margin: 0
|
||||
width: 15px
|
||||
background-color: transparent
|
||||
font-size: 14px
|
||||
&.active, &:hover
|
||||
background-color: $brand-primary
|
||||
> a
|
||||
text-decoration: none
|
||||
color: contrast-color($main-color, white, #333, 10%)
|
||||
i
|
||||
color: white
|
||||
|
||||
li.expanded > ul.submenu
|
||||
display: block
|
||||
ul.submenu
|
||||
background-color: white
|
||||
@include box-shadow(rgba(black,0.3) 0 2px 4px)
|
||||
display: none
|
||||
position: absolute
|
||||
margin: 0
|
||||
padding: 0
|
||||
left: 0
|
||||
top: 28px
|
||||
width: 200px!important
|
||||
> li
|
||||
width: 200px
|
||||
padding: 0
|
||||
list-style: none
|
||||
> a
|
||||
display: block
|
||||
padding: 4px 5px 4px 10px
|
||||
font-size: 12px
|
||||
border-bottom: solid 1px #eee
|
||||
&:hover
|
||||
color: white
|
||||
background-color: $brand-primary
|
||||
text-decoration: none
|
||||
&.active a
|
||||
color: contrast-color($brand-primary, white, #333, 10%)
|
||||
background-color: $brand-primary
|
||||
border-bottom: solid 1px darken($brand-primary,10%)
|
||||
#ellipsistab
|
||||
display: block
|
||||
width: 40px
|
||||
height: 28px
|
||||
padding: 0
|
||||
margin: 0
|
||||
position: absolute
|
||||
right: 0
|
||||
> a
|
||||
text-align: center
|
||||
font-size: 15px
|
||||
line-height: 30px
|
||||
color: $main-color
|
||||
cursor: pointer
|
||||
ul#ellipsis_submenu
|
||||
right: 0
|
||||
left: inherit
|
||||
a.title
|
||||
padding: 0 8px
|
||||
text-align: left
|
||||
li.subtab.expanded > ul
|
||||
left: -200px
|
||||
top: 0
|
||||
.menu-collapse
|
||||
display: none
|
||||
|
||||
.menu-collapse
|
||||
height: 54px
|
||||
width: 100%
|
||||
font-size: 2em
|
||||
text-align: center
|
||||
line-height: 55px
|
||||
display: block
|
||||
background-color: $main-color
|
||||
border-bottom: 3px solid darken($main-color,10%)
|
||||
color: darken($main-color,30%)
|
||||
|
||||
.page-topbar
|
||||
#main
|
||||
padding-top: 64px
|
||||
#nav-sidebar
|
||||
display: none
|
||||
.page-head
|
||||
top: 66px
|
||||
#content
|
||||
margin-left: 0
|
||||
width: 100%
|
||||
.page-head h2.page-title
|
||||
padding: 0 0 0 20px
|
||||
|
||||
.page-sidebar-closed
|
||||
#nav-sidebar
|
||||
overflow: visible
|
||||
width: 50px
|
||||
@include transition-property(width)
|
||||
@include transition-duration(0.4s)
|
||||
@include transition-timing-function(ease-out)
|
||||
span.title
|
||||
display: none
|
||||
ul.submenu
|
||||
display: none!important
|
||||
padding-top: 37px
|
||||
position: relative
|
||||
top: 0
|
||||
@include box-shadow(rgba(black,0.2) 1px 1px 0,rgba(black,0.3) 2px 2px 4px)
|
||||
> ul > li:hover
|
||||
width: 250px!important
|
||||
position: relative
|
||||
span.title
|
||||
display: inline-block
|
||||
ul.submenu
|
||||
display: block!important
|
||||
position: absolute
|
||||
left: 50px
|
||||
width: 200px!important
|
||||
#content
|
||||
margin-left: 50px
|
||||
.page-head h2.page-title
|
||||
padding: 0 0 0 70px
|
||||
@media (max-width: $screen-tablet)
|
||||
padding: 0 0 0 20px
|
||||
@media (max-width: $screen-tablet)
|
||||
margin-left: 0
|
||||
width: 100%
|
||||
.submenu_expand
|
||||
display: none
|
||||
|
||||
//icons
|
||||
.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
|
||||
|
||||
[class^="icon-Admin"]
|
||||
margin-right: 6px
|
||||
@@ -1,8 +0,0 @@
|
||||
.adminsearch
|
||||
#content
|
||||
.panel .panel
|
||||
padding: 0
|
||||
margin: 0
|
||||
border: none
|
||||
@include border-radius(0)
|
||||
@include box-shadow(0)
|
||||
@@ -1,167 +0,0 @@
|
||||
// CSS TOGGLE SWITCHES (Ionuț Colceriu)
|
||||
// Licensed under Unlicense
|
||||
// https://github.com/ghinda/css-toggle-switch
|
||||
|
||||
//Hide by default
|
||||
.switch .slide-button, .toggle p span
|
||||
display: none
|
||||
.switch
|
||||
background-color: darken($bg-content-color,15%)
|
||||
border-radius: 3px
|
||||
label
|
||||
padding: 0
|
||||
cursor: pointer
|
||||
//Toggle Switches
|
||||
//We can't test for a specific feature, so we only target browsers with support for media queries.
|
||||
//Position the label over all the elements, except the slide-button
|
||||
//Clicking anywhere on the label will change the switch-state
|
||||
// Don't hide the input from screen-readers and keyboard access
|
||||
@media only screen
|
||||
// Checkbox
|
||||
.toggle
|
||||
position: relative
|
||||
padding: 0
|
||||
margin-left: 100px
|
||||
label
|
||||
position: relative
|
||||
z-index: 3
|
||||
display: block
|
||||
width: 100%
|
||||
input
|
||||
position: absolute
|
||||
opacity: 0
|
||||
z-index: 5
|
||||
p
|
||||
position: absolute
|
||||
left: -100px
|
||||
width: 100%
|
||||
margin: 0
|
||||
padding-right: 100px
|
||||
text-align: left
|
||||
p span
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 0
|
||||
z-index: 5
|
||||
display: block
|
||||
width: 50%
|
||||
margin-left: 100px
|
||||
text-align: center
|
||||
&:last-child
|
||||
left: 50%
|
||||
.slide-button
|
||||
position: absolute
|
||||
right: 0
|
||||
top: 0
|
||||
z-index: 4
|
||||
display: block
|
||||
width: 50%
|
||||
height: 100%
|
||||
padding: 0
|
||||
// Radio Switch
|
||||
.switch
|
||||
position: relative
|
||||
padding: 0
|
||||
input
|
||||
position: absolute
|
||||
opacity: 0
|
||||
label
|
||||
position: relative
|
||||
z-index: 2
|
||||
float: left
|
||||
width: 50%
|
||||
height: 100%
|
||||
margin: 0
|
||||
text-align: center
|
||||
.slide-button
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 0
|
||||
padding: 0
|
||||
z-index: 1
|
||||
width: 50%
|
||||
height: 100%
|
||||
input:last-of-type:checked ~ .slide-button
|
||||
left: 50%
|
||||
// Switch with 3 items
|
||||
&.switch-three label, &.switch-three .slide-button
|
||||
width: 33.3%
|
||||
&.switch-three input:checked:nth-of-type(2) ~ .slide-button
|
||||
left: 33.3%
|
||||
&.switch-three input:checked:last-of-type ~ .slide-button
|
||||
left: 66.6%
|
||||
// Switch with 4 items
|
||||
&.switch-four label, &.switch-four .slide-button
|
||||
width: 25%
|
||||
&.switch-four input:checked:nth-of-type(2) ~ .slide-button
|
||||
left: 25%
|
||||
&.switch-four input:checked:nth-of-type(3) ~ .slide-button
|
||||
left: 50%
|
||||
&.switch-four input:checked:last-of-type ~ .slide-button
|
||||
left: 75%
|
||||
// Switch with 5 items
|
||||
&.switch-five label, &.switch-five .slide-button
|
||||
width: 20%
|
||||
&.switch-five input:checked:nth-of-type(2) ~ .slide-button
|
||||
left: 20%
|
||||
&.switch-five input:checked:nth-of-type(3) ~ .slide-button
|
||||
left: 40%
|
||||
&.switch-five input:checked:nth-of-type(4) ~ .slide-button
|
||||
left: 60%
|
||||
&.switch-five input:checked:last-of-type ~ .slide-button
|
||||
left: 80%
|
||||
// Shared
|
||||
.toggle, .switch
|
||||
display: block
|
||||
height: $input-height-base
|
||||
.switch *, .toggle *
|
||||
-webkit-box-sizing: border-box
|
||||
-moz-box-sizing: border-box
|
||||
-ms-box-sizing: border-box
|
||||
-o-box-sizing: border-box
|
||||
box-sizing: border-box
|
||||
.switch .slide-button, .toggle .slide-button
|
||||
display: block
|
||||
-webkit-transition: all 0.3s ease-out
|
||||
-moz-transition: all 0.3s ease-out
|
||||
-ms-transition: all 0.3s ease-out
|
||||
-o-transition: all 0.3s ease-out
|
||||
transition: all 0.3s ease-out
|
||||
.toggle label, .toggle p, .switch label
|
||||
line-height: $input-height-base
|
||||
vertical-align: middle
|
||||
.toggle input:checked ~ .slide-button
|
||||
right: 50%
|
||||
// Outline the toggles when the inputs are focused
|
||||
.toggle input:focus ~ .slide-button, .switch input:focus + label
|
||||
outline: 1px dotted #888
|
||||
// Bugfix for older Webkit, including mobile Webkit. Adapted from:
|
||||
// http://css-tricks.com/webkit-sibling-bug/
|
||||
.switch, .toggle
|
||||
-webkit-animation: bugfix infinite 1s
|
||||
//@-webkit-keyframes bugfix { from { position: relative; } to { position: relative; } }
|
||||
|
||||
// Prestashop Theme
|
||||
.prestashop-switch
|
||||
min-width: 150px
|
||||
color: #666
|
||||
text-align: center
|
||||
border-radius: 3px
|
||||
@include box-shadow(rgba(black,0.2) 0 2px 5px 1px inset)
|
||||
label
|
||||
padding-top: 0!important
|
||||
font-weight: 500
|
||||
input:checked + label
|
||||
color: #333!important
|
||||
@include text-shadow(rgba(white,0.7) 1px 1px 0)
|
||||
input:not(:checked) + label
|
||||
i
|
||||
color: #666!important
|
||||
.slide-button
|
||||
position: relative
|
||||
margin-right: 3px
|
||||
color: lighten($bg-content-color,50%)
|
||||
p
|
||||
color: #333
|
||||
span
|
||||
color: #fff
|
||||
@@ -1,55 +0,0 @@
|
||||
.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
|
||||
border-bottom: solid 1px darken(#CAE5F4,15%)
|
||||
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.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
|
||||
|
||||
.bulk-actions
|
||||
margin: 17px 0 0 0
|
||||
@@ -1,76 +0,0 @@
|
||||
//light
|
||||
//$main-color: #F7F7F7
|
||||
//$main-color: #DBD8CF //sable
|
||||
//$main-color: #CFD7DD //bleu
|
||||
//$main-color: #E0E0E0 //gris
|
||||
//$main-color: #D7D6DE //violet
|
||||
//$main-color: #F1F8FE //theme wordpress
|
||||
|
||||
//dark
|
||||
//$main-color: #272A31 //bleu PrestaShop
|
||||
//$main-color: #3D3D3D //gris
|
||||
$main-color: #515561 //gris bleu clair
|
||||
//$main-color: #4D4645 //taupe
|
||||
//$main-color: #272822 //gris vert
|
||||
//$main-color: #313A45 //gris bleu
|
||||
//$main-color: #7B8676
|
||||
//$main-color: #443A42 //violet
|
||||
//$main-color: #373E35 //vert camo
|
||||
//$main-color: #262C3F //bleu nuit - pretty sure that a girl could do better naming the colors, sorry about that...
|
||||
//$main-color: #8C8574
|
||||
//$main-color: #3A3A4A
|
||||
|
||||
//$secondary-color: white //blanc
|
||||
//$secondary-color: #F5792B //orange
|
||||
//$secondary-color: #81A98C //vert d'eau
|
||||
//$secondary-color: #1EAEC0 //bleu
|
||||
//$secondary-color: #00C3C1 //turquoise
|
||||
//$secondary-color: #97C885 //vert menthe
|
||||
//$secondary-color: #4691D2 //bleu ciel
|
||||
//$secondary-color: #814C76 //violet
|
||||
//$secondary-color: #FE635F //saumon
|
||||
//$secondary-color: #FFB4B8 //rose
|
||||
//$secondary-color: #F2B100 //moutarde
|
||||
//$secondary-color: #F6A88A //abricot
|
||||
//$secondary-color: #937976 //taupe clair
|
||||
//$secondary-color: #60C276 //vert
|
||||
$secondary-color: #8FC04D //vert pomme
|
||||
//$secondary-color: #6992AF //theme wordpress
|
||||
//$secondary-color: #8BC954 //vert PrestaShop
|
||||
//$secondary-color: #AB7073
|
||||
//$secondary-color: black
|
||||
|
||||
$brand-primary: #1BA6E5
|
||||
//$brand-primary: #1BA6E5
|
||||
|
||||
//some tests
|
||||
//$secondary-color: #79C09D
|
||||
//$secondary-color: invert($main-color)
|
||||
//$secondary-color: lighten(invert($main-color),20%)
|
||||
//$secondary-color: adjust-hue($main-color, 80%)
|
||||
//$hue: hue(adjust-hue($main-color, 80%))
|
||||
//$secondary-color: hsl($hue, 50%, 50%) //Creates a Color from hue, saturation, and lightness values
|
||||
//$secondary-color: #00A89C
|
||||
|
||||
//dark and light, love and war, fire and ice, etc...
|
||||
$contrasted-dark-default: #333
|
||||
$contrasted-light-default: white
|
||||
$contrasted-lightness-threshold: 10% //30% default
|
||||
|
||||
//50 shades of gray
|
||||
//$bg-content-color: #F8F9FB //bleu gris clair
|
||||
//$bg-content-color: #F8FBF8 //vert gris clair
|
||||
//$bg-content-color: #F8F4E3 //gris foncé
|
||||
//$bg-content-color: #F6F6F6 //gris
|
||||
$bg-content-color: #F8F8F8 //gris
|
||||
|
||||
//heading
|
||||
//$bg-header-color: darken($secondary-color,20%)
|
||||
$bg-header-color: #242424
|
||||
$bg-footer-color: #242424
|
||||
$bg-page-head-color : $secondary-color
|
||||
$bg-panel-heading-color: hsl(hue($secondary-color), 10, 90)
|
||||
|
||||
//others
|
||||
$badge-notif-color: #8BC954
|
||||
$icon-color: #87C795
|
||||
@@ -1,119 +0,0 @@
|
||||
.page-head
|
||||
width: 100%
|
||||
height: 55px
|
||||
padding: 0 10px 0 0
|
||||
margin: 0
|
||||
border-bottom: 4px solid darken($secondary-color,10%)
|
||||
position: fixed
|
||||
top: 36px
|
||||
left: 0px
|
||||
z-index: 499
|
||||
background-color: $secondary-color
|
||||
@include box-shadow(rgba(black,0.15) 0 7px 0)
|
||||
h2.page-title
|
||||
@extend .pull-left
|
||||
padding: 0 0 0 260px
|
||||
font-size: 18px
|
||||
color: white
|
||||
text-transform: uppercase
|
||||
@media (max-width: $screen-tablet)
|
||||
padding: 0 0 0 20px
|
||||
a
|
||||
border-bottom: dotted 1px white
|
||||
&:hover
|
||||
color: black
|
||||
border-color: black
|
||||
a
|
||||
color: white
|
||||
text-decoration: none
|
||||
|
||||
.btn-toolbar
|
||||
margin: 0
|
||||
padding: 3px 0 0 0
|
||||
.nav-tabs
|
||||
margin: 0
|
||||
.nav-tabs > li > a
|
||||
color: #333
|
||||
|
||||
.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
|
||||
|
||||
.page-header-toolbar-back
|
||||
border: none!important
|
||||
display: inline-block
|
||||
|
||||
.process-icon-save, .process-icon-save-and-stay, .process-icon-save-and-preview
|
||||
@extend .icon-save
|
||||
.process-icon-cancel
|
||||
@extend .icon-remove
|
||||
.process-icon-back
|
||||
@extend .icon-circle-arrow-left
|
||||
.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, .process-icon-new, .process-icon-new-url
|
||||
@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, .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-anchor
|
||||
@extend .icon-anchor
|
||||
.process-icon-refresh
|
||||
@extend .icon-refresh
|
||||
.process-icon-configure
|
||||
@extend .icon-cog
|
||||
|
||||
@@ -1,39 +0,0 @@
|
||||
.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
|
||||
|
||||
.tree-panel-heading-controls
|
||||
margin: -20px -20px 20px
|
||||
padding: 5px
|
||||
border-bottom: solid 1px #DFDFDF
|
||||
@@ -1,59 +0,0 @@
|
||||
/*!
|
||||
* Bootstrap v3.0.0
|
||||
*
|
||||
* Copyright 2013 Twitter, Inc
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Designed and built with all the love in the world by @mdo and @fat.
|
||||
*/
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../bower_components/sass-bootstrap/lib/variables";
|
||||
@import "../bower_components/sass-bootstrap/lib/mixins";
|
||||
|
||||
// Reset
|
||||
@import "../bower_components/sass-bootstrap/lib/normalize";
|
||||
@import "../bower_components/sass-bootstrap/lib/print";
|
||||
|
||||
// Core CSS
|
||||
@import "../bower_components/sass-bootstrap/lib/scaffolding";
|
||||
@import "../bower_components/sass-bootstrap/lib/type";
|
||||
@import "../bower_components/sass-bootstrap/lib/code";
|
||||
@import "../bower_components/sass-bootstrap/lib/grid";
|
||||
@import "../bower_components/sass-bootstrap/lib/tables";
|
||||
@import "../bower_components/sass-bootstrap/lib/forms";
|
||||
@import "../bower_components/sass-bootstrap/lib/buttons";
|
||||
|
||||
// Components
|
||||
@import "../bower_components/sass-bootstrap/lib/component-animations";
|
||||
@import "../bower_components/sass-bootstrap/lib/glyphicons";
|
||||
@import "../bower_components/sass-bootstrap/lib/dropdowns";
|
||||
@import "../bower_components/sass-bootstrap/lib/button-groups";
|
||||
@import "../bower_components/sass-bootstrap/lib/input-groups";
|
||||
@import "../bower_components/sass-bootstrap/lib/navs";
|
||||
@import "../bower_components/sass-bootstrap/lib/navbar";
|
||||
@import "../bower_components/sass-bootstrap/lib/breadcrumbs";
|
||||
@import "../bower_components/sass-bootstrap/lib/pagination";
|
||||
@import "../bower_components/sass-bootstrap/lib/pager";
|
||||
@import "../bower_components/sass-bootstrap/lib/labels";
|
||||
@import "../bower_components/sass-bootstrap/lib/badges";
|
||||
@import "../bower_components/sass-bootstrap/lib/jumbotron";
|
||||
@import "../bower_components/sass-bootstrap/lib/thumbnails";
|
||||
@import "../bower_components/sass-bootstrap/lib/alerts";
|
||||
@import "../bower_components/sass-bootstrap/lib/progress-bars";
|
||||
@import "../bower_components/sass-bootstrap/lib/media";
|
||||
@import "../bower_components/sass-bootstrap/lib/list-group";
|
||||
@import "../bower_components/sass-bootstrap/lib/panels";
|
||||
@import "../bower_components/sass-bootstrap/lib/wells";
|
||||
@import "../bower_components/sass-bootstrap/lib/close";
|
||||
|
||||
// Components w/ JavaScript
|
||||
@import "../bower_components/sass-bootstrap/lib/modals";
|
||||
@import "../bower_components/sass-bootstrap/lib/tooltip";
|
||||
@import "../bower_components/sass-bootstrap/lib/popovers";
|
||||
@import "../bower_components/sass-bootstrap/lib/carousel";
|
||||
|
||||
// Utility classes
|
||||
@import "../bower_components/sass-bootstrap/lib/utilities";
|
||||
@import "../bower_components/sass-bootstrap/lib/responsive-utilities";
|
||||
@@ -1,728 +0,0 @@
|
||||
//
|
||||
// Mixins
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Utilities
|
||||
// -------------------------
|
||||
|
||||
// Clearfix
|
||||
// Source: http://nicolasgallagher.com/micro-clearfix-hack/
|
||||
//
|
||||
// For modern browsers
|
||||
// 1. The space content is one way to avoid an Opera bug when the
|
||||
// contenteditable attribute is included anywhere else in the document.
|
||||
// Otherwise it causes space to appear at the top and bottom of elements
|
||||
// that are clearfixed.
|
||||
// 2. The use of `table` rather than `block` is only necessary if using
|
||||
// `:before` to contain the top-margins of child elements.
|
||||
@mixin clearfix() {
|
||||
&:before,
|
||||
&:after {
|
||||
content: " "; /* 1 */
|
||||
display: table; /* 2 */
|
||||
}
|
||||
&:after {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
// Webkit-style focus
|
||||
@mixin tab-focus() {
|
||||
// Default
|
||||
outline: thin dotted #333;
|
||||
// Webkit
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
// Center-align a block level element
|
||||
@mixin center-block() {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
// Sizing shortcuts
|
||||
@mixin size($width, $height) {
|
||||
width: $width;
|
||||
height: $height;
|
||||
}
|
||||
@mixin square($size) {
|
||||
@include size($size, $size);
|
||||
}
|
||||
|
||||
// Placeholder text
|
||||
@mixin placeholder($color: $input-color-placeholder) {
|
||||
&:-moz-placeholder { color: $color; } // Firefox 4-18
|
||||
&::-moz-placeholder { color: $color; } // Firefox 19+
|
||||
&:-ms-input-placeholder { color: $color; } // Internet Explorer 10+
|
||||
&::-webkit-input-placeholder { color: $color; } // Safari and Chrome
|
||||
}
|
||||
|
||||
// Text overflow
|
||||
// Requires inline-block or block for proper styling
|
||||
@mixin text-overflow() {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
// CSS image replacement
|
||||
// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
|
||||
@mixin hide-text() {
|
||||
font: 0/0 a;
|
||||
color: transparent;
|
||||
text-shadow: none;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// CSS3 PROPERTIES
|
||||
// --------------------------------------------------
|
||||
|
||||
// Single side border-radius
|
||||
@mixin border-top-radius($radius) {
|
||||
border-top-right-radius: $radius;
|
||||
border-top-left-radius: $radius;
|
||||
}
|
||||
@mixin border-right-radius($radius) {
|
||||
border-bottom-right-radius: $radius;
|
||||
border-top-right-radius: $radius;
|
||||
}
|
||||
@mixin border-bottom-radius($radius) {
|
||||
border-bottom-right-radius: $radius;
|
||||
border-bottom-left-radius: $radius;
|
||||
}
|
||||
@mixin border-left-radius($radius) {
|
||||
border-bottom-left-radius: $radius;
|
||||
border-top-left-radius: $radius;
|
||||
}
|
||||
|
||||
// Drop shadows
|
||||
@mixin box-shadow($shadow...) {
|
||||
-webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1
|
||||
box-shadow: $shadow;
|
||||
}
|
||||
|
||||
// Transitions
|
||||
@mixin transition($transition...) {
|
||||
-webkit-transition: $transition;
|
||||
transition: $transition;
|
||||
}
|
||||
@mixin transition-delay($transition-delay) {
|
||||
-webkit-transition-delay: $transition-delay;
|
||||
transition-delay: $transition-delay;
|
||||
}
|
||||
@mixin transition-duration($transition-duration) {
|
||||
-webkit-transition-duration: $transition-duration;
|
||||
transition-duration: $transition-duration;
|
||||
}
|
||||
@mixin transition-transform($transition...) {
|
||||
-webkit-transition: -webkit-transform $transition;
|
||||
-moz-transition: -moz-transform $transition;
|
||||
-o-transition: -o-transform $transition;
|
||||
transition: transform $transition;
|
||||
}
|
||||
|
||||
// Transformations
|
||||
@mixin rotate($degrees) {
|
||||
-webkit-transform: rotate($degrees);
|
||||
-ms-transform: rotate($degrees); // IE9+
|
||||
transform: rotate($degrees);
|
||||
}
|
||||
@mixin scale($ratio) {
|
||||
-webkit-transform: scale($ratio);
|
||||
-ms-transform: scale($ratio); // IE9+
|
||||
transform: scale($ratio);
|
||||
}
|
||||
@mixin translate($x, $y) {
|
||||
-webkit-transform: translate($x, $y);
|
||||
-ms-transform: translate($x, $y); // IE9+
|
||||
transform: translate($x, $y);
|
||||
}
|
||||
@mixin skew($x, $y) {
|
||||
-webkit-transform: skew($x, $y);
|
||||
-ms-transform: skewX($x) skewY($y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
|
||||
transform: skew($x, $y);
|
||||
}
|
||||
@mixin translate3d($x, $y, $z) {
|
||||
-webkit-transform: translate3d($x, $y, $z);
|
||||
transform: translate3d($x, $y, $z);
|
||||
}
|
||||
|
||||
// Backface visibility
|
||||
// Prevent browsers from flickering when using CSS 3D transforms.
|
||||
// Default value is `visible`, but can be changed to `hidden`
|
||||
// See git pull https://github.com/dannykeane/bootstrap.git backface-visibility for examples
|
||||
@mixin backface-visibility($visibility){
|
||||
-webkit-backface-visibility: $visibility;
|
||||
-moz-backface-visibility: $visibility;
|
||||
backface-visibility: $visibility;
|
||||
}
|
||||
|
||||
// Box sizing
|
||||
@mixin box-sizing($boxmodel) {
|
||||
-webkit-box-sizing: $boxmodel;
|
||||
-moz-box-sizing: $boxmodel;
|
||||
box-sizing: $boxmodel;
|
||||
}
|
||||
|
||||
// User select
|
||||
// For selecting text on the page
|
||||
@mixin user-select($select) {
|
||||
-webkit-user-select: $select;
|
||||
-moz-user-select: $select;
|
||||
-ms-user-select: $select; // IE10+
|
||||
-o-user-select: $select;
|
||||
user-select: $select;
|
||||
}
|
||||
|
||||
// Resize anything
|
||||
@mixin resizable($direction) {
|
||||
resize: $direction; // Options: horizontal, vertical, both
|
||||
overflow: auto; // Safari fix
|
||||
}
|
||||
|
||||
// CSS3 Content Columns
|
||||
@mixin content-columns($column-count, $column-gap: $grid-gutter-width) {
|
||||
-webkit-column-count: $column-count;
|
||||
-moz-column-count: $column-count;
|
||||
column-count: $column-count;
|
||||
-webkit-column-gap: $column-gap;
|
||||
-moz-column-gap: $column-gap;
|
||||
column-gap: $column-gap;
|
||||
}
|
||||
|
||||
// Optional hyphenation
|
||||
@mixin hyphens($mode: auto) {
|
||||
word-wrap: break-word;
|
||||
-webkit-hyphens: $mode;
|
||||
-moz-hyphens: $mode;
|
||||
-ms-hyphens: $mode; // IE10+
|
||||
-o-hyphens: $mode;
|
||||
hyphens: $mode;
|
||||
}
|
||||
|
||||
// Opacity
|
||||
@mixin opacity($opacity) {
|
||||
opacity: $opacity;
|
||||
// IE8 filter
|
||||
$opacity-ie: ($opacity * 100);
|
||||
filter: alpha(opacity=$opacity-ie);
|
||||
}
|
||||
|
||||
|
||||
|
||||
// GRADIENTS
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
|
||||
// Horizontal gradient, from left to right
|
||||
//
|
||||
// Creates two color stops, start and end, by specifying a color and position for each color stop.
|
||||
// Color stops are not available in IE9 and below.
|
||||
@mixin gradient-horizontal($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
|
||||
background-image: -webkit-gradient(linear, $start-percent top, $end-percent top, from($start-color), to($end-color)); // Safari 4+, Chrome 2+
|
||||
background-image: -webkit-linear-gradient(left, color-stop($start-color $start-percent), color-stop($end-color $end-percent)); // Safari 5.1+, Chrome 10+
|
||||
background-image: -moz-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // FF 3.6+
|
||||
background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent); // Standard, IE10
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down
|
||||
}
|
||||
|
||||
// Vertical gradient, from top to bottom
|
||||
//
|
||||
// Creates two color stops, start and end, by specifying a color and position for each color stop.
|
||||
// Color stops are not available in IE9 and below.
|
||||
@mixin gradient-vertical($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
|
||||
background-image: -webkit-gradient(linear, left $start-percent, left $end-percent, from($start-color), to($end-color)); // Safari 4+, Chrome 2+
|
||||
background-image: -webkit-linear-gradient(top, $start-color, $start-percent, $end-color, $end-percent); // Safari 5.1+, Chrome 10+
|
||||
background-image: -moz-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // FF 3.6+
|
||||
background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); // Standard, IE10
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down
|
||||
}
|
||||
|
||||
@mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {
|
||||
background-repeat: repeat-x;
|
||||
background-image: -webkit-linear-gradient($deg, $start-color, $end-color); // Safari 5.1+, Chrome 10+
|
||||
background-image: -moz-linear-gradient($deg, $start-color, $end-color); // FF 3.6+
|
||||
background-image: linear-gradient($deg, $start-color, $end-color); // Standard, IE10
|
||||
}
|
||||
@mixin gradient-horizontal-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
|
||||
background-image: -webkit-gradient(left, linear, 0 0, 0 100%, from($start-color), color-stop($color-stop, $mid-color), to($end-color));
|
||||
background-image: -webkit-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
|
||||
background-image: -moz-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
|
||||
background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
|
||||
background-repeat: no-repeat;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down, gets no color-stop at all for proper fallback
|
||||
}
|
||||
@mixin gradient-vertical-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from($start-color), color-stop($color-stop, $mid-color), to($end-color));
|
||||
background-image: -webkit-linear-gradient($start-color, $mid-color $color-stop, $end-color);
|
||||
background-image: -moz-linear-gradient(top, $start-color, $mid-color $color-stop, $end-color);
|
||||
background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
|
||||
background-repeat: no-repeat;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback
|
||||
}
|
||||
@mixin gradient-radial($inner-color: #555, $outer-color: #333) {
|
||||
background-image: -webkit-gradient(radial, center center, 0, center center, 460, from($inner-color), to($outer-color));
|
||||
background-image: -webkit-radial-gradient(circle, $inner-color, $outer-color);
|
||||
background-image: -moz-radial-gradient(circle, $inner-color, $outer-color);
|
||||
background-image: radial-gradient(circle, $inner-color, $outer-color);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
@mixin gradient-striped($color: #555, $angle: 45deg) {
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient($angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient($angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient($angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
}
|
||||
|
||||
// Reset filters for IE
|
||||
//
|
||||
// When you need to remove a gradient background, do not forget to use this to reset
|
||||
// the IE filter for IE9 and below.
|
||||
@mixin reset-filter() {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Retina images
|
||||
//
|
||||
// Short retina mixin for setting background-image and -size
|
||||
|
||||
@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
|
||||
background-image: url("#{$file-1x}");
|
||||
|
||||
@media
|
||||
only screen and (-webkit-min-device-pixel-ratio: 2),
|
||||
only screen and ( min--moz-device-pixel-ratio: 2),
|
||||
only screen and ( -o-min-device-pixel-ratio: 2/1),
|
||||
only screen and ( min-device-pixel-ratio: 2),
|
||||
only screen and ( min-resolution: 192dpi),
|
||||
only screen and ( min-resolution: 2dppx) {
|
||||
background-image: url("#{$file-2x}");
|
||||
background-size: $width-1x $height-1x;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Responsive image
|
||||
//
|
||||
// Keep images from scaling beyond the width of their parents.
|
||||
|
||||
@mixin img-responsive($display: block) {
|
||||
display: $display;
|
||||
max-width: 100%; // Part 1: Set a maximum relative to the parent
|
||||
height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
|
||||
}
|
||||
|
||||
|
||||
// COMPONENT MIXINS
|
||||
// --------------------------------------------------
|
||||
|
||||
// Horizontal dividers
|
||||
// -------------------------
|
||||
// Dividers (basically an hr) within dropdowns and nav lists
|
||||
@mixin nav-divider($color: #e5e5e5) {
|
||||
height: 1px;
|
||||
margin: (($line-height-computed / 2) - 1) 0;
|
||||
overflow: hidden;
|
||||
background-color: $color;
|
||||
}
|
||||
|
||||
// Panels
|
||||
// -------------------------
|
||||
@mixin panel-variant($border, $heading-text-color, $heading-bg-color, $heading-border) {
|
||||
border-color: $border;
|
||||
& > .panel-heading {
|
||||
color: $heading-text-color;
|
||||
background-color: $heading-bg-color;
|
||||
border-color: $heading-border;
|
||||
+ .panel-collapse .panel-body {
|
||||
border-top-color: $border;
|
||||
}
|
||||
}
|
||||
& > .panel-footer {
|
||||
+ .panel-collapse .panel-body {
|
||||
border-bottom-color: $border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Alerts
|
||||
// -------------------------
|
||||
@mixin alert-variant($background, $border, $text-color) {
|
||||
background-color: $background;
|
||||
border-color: $border;
|
||||
color: $text-color;
|
||||
hr {
|
||||
border-top-color: darken($border, 5%);
|
||||
}
|
||||
.alert-link {
|
||||
color: darken($text-color, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
// Tables
|
||||
// -------------------------
|
||||
@mixin table-row-variant($state, $background, $border) {
|
||||
// Exact selectors below required to override `.table-striped` and prevent
|
||||
// inheritance to nested tables.
|
||||
.table > thead > tr,
|
||||
.table > tbody > tr,
|
||||
.table > tfoot > tr {
|
||||
> td.#{$state},
|
||||
> th.#{$state},
|
||||
&.#{$state} > td,
|
||||
&.#{$state} > th {
|
||||
background-color: $background;
|
||||
border-color: $border;
|
||||
}
|
||||
}
|
||||
|
||||
// Hover states for `.table-hover`
|
||||
// Note: this is not available for cells or rows within `thead` or `tfoot`.
|
||||
.table-hover > tbody > tr {
|
||||
> td.#{$state}:hover,
|
||||
> th.#{$state}:hover,
|
||||
&.#{$state}:hover > td {
|
||||
background-color: darken($background, 5%);
|
||||
border-color: darken($border, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Button variants
|
||||
// -------------------------
|
||||
// Easily pump out default styles, as well as :hover, :focus, :active,
|
||||
// and disabled options for all buttons
|
||||
@mixin button-variant($color, $background, $border) {
|
||||
color: $color;
|
||||
background-color: $background;
|
||||
border-color: $border;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
color: $color;
|
||||
background-color: darken($background, 8%);
|
||||
border-color: darken($border, 12%);
|
||||
}
|
||||
.open & { &.dropdown-toggle {
|
||||
color: $color;
|
||||
background-color: darken($background, 8%);
|
||||
border-color: darken($border, 12%);
|
||||
} }
|
||||
&:active,
|
||||
&.active {
|
||||
background-image: none;
|
||||
}
|
||||
.open & { &.dropdown-toggle {
|
||||
background-image: none;
|
||||
} }
|
||||
&.disabled,
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
background-color: $background;
|
||||
border-color: $border
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Button sizes
|
||||
// -------------------------
|
||||
@mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
|
||||
padding: $padding-vertical $padding-horizontal;
|
||||
font-size: $font-size;
|
||||
line-height: $line-height;
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
|
||||
// Pagination
|
||||
// -------------------------
|
||||
@mixin pagination-size($padding-vertical, $padding-horizontal, $font-size, $border-radius) {
|
||||
> li {
|
||||
> a,
|
||||
> span {
|
||||
padding: $padding-vertical $padding-horizontal;
|
||||
font-size: $font-size;
|
||||
}
|
||||
&:first-child {
|
||||
> a,
|
||||
> span {
|
||||
@include border-left-radius($border-radius);
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
> a,
|
||||
> span {
|
||||
@include border-right-radius($border-radius);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Labels
|
||||
// -------------------------
|
||||
@mixin label-variant($color) {
|
||||
background-color: $color;
|
||||
&[href] {
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: darken($color, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Navbar vertical align
|
||||
// -------------------------
|
||||
// Vertically center elements in the navbar.
|
||||
// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.
|
||||
@mixin navbar-vertical-align($element-height) {
|
||||
margin-top: (($navbar-height - $element-height) / 2);
|
||||
margin-bottom: (($navbar-height - $element-height) / 2);
|
||||
}
|
||||
|
||||
// Progress bars
|
||||
// -------------------------
|
||||
@mixin progress-bar-variant($color) {
|
||||
background-color: $color;
|
||||
.progress-striped & {
|
||||
@include gradient-striped($color);
|
||||
}
|
||||
}
|
||||
|
||||
// Responsive utilities
|
||||
// -------------------------
|
||||
// More easily include all the states for responsive-utilities.less.
|
||||
// $parent hack because sass doesn't support tr& (without space)
|
||||
@mixin responsive-visibility($parent) {
|
||||
#{$parent} { display: block !important; }
|
||||
tr#{$parent} { display: table-row !important; }
|
||||
th#{$parent},
|
||||
td#{$parent} { display: table-cell !important; }
|
||||
}
|
||||
|
||||
@mixin responsive-invisibility($parent) {
|
||||
#{$parent} { display: none !important; }
|
||||
tr#{$parent} { display: none !important; }
|
||||
th#{$parent},
|
||||
td#{$parent} { display: none !important; }
|
||||
}
|
||||
|
||||
// Grid System
|
||||
// -----------
|
||||
|
||||
// Centered container element
|
||||
@mixin container-fixed() {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-left: ($grid-gutter-width / 2);
|
||||
padding-right: ($grid-gutter-width / 2);
|
||||
@include clearfix();
|
||||
}
|
||||
|
||||
// Creates a wrapper for a series of columns
|
||||
@mixin make-row($gutter: $grid-gutter-width) {
|
||||
margin-left: ($gutter / -2);
|
||||
margin-right: ($gutter / -2);
|
||||
@include clearfix();
|
||||
}
|
||||
|
||||
// Generate the extra small columns
|
||||
@mixin make-xs-column($columns, $gutter: $grid-gutter-width) {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: percentage(($columns / $grid-columns));
|
||||
// Prevent columns from collapsing when empty
|
||||
min-height: 1px;
|
||||
// Inner gutter via padding
|
||||
padding-left: ($gutter / 2);
|
||||
padding-right: ($gutter / 2);
|
||||
}
|
||||
|
||||
// Generate the small columns
|
||||
@mixin make-sm-column($columns, $gutter: $grid-gutter-width) {
|
||||
position: relative;
|
||||
// Prevent columns from collapsing when empty
|
||||
min-height: 1px;
|
||||
// Inner gutter via padding
|
||||
padding-left: ($gutter / 2);
|
||||
padding-right: ($gutter / 2);
|
||||
|
||||
// Calculate width based on number of columns available
|
||||
@media (min-width: $screen-sm) {
|
||||
float: left;
|
||||
width: percentage(($columns / $grid-columns));
|
||||
}
|
||||
}
|
||||
|
||||
// Generate the small column offsets
|
||||
@mixin make-sm-column-offset($columns) {
|
||||
@media (min-width: $screen-sm) {
|
||||
margin-left: percentage(($columns / $grid-columns));
|
||||
}
|
||||
}
|
||||
@mixin make-sm-column-push($columns) {
|
||||
@media (min-width: $screen-sm) {
|
||||
left: percentage(($columns / $grid-columns));
|
||||
}
|
||||
}
|
||||
@mixin make-sm-column-pull($columns) {
|
||||
@media (min-width: $screen-sm) {
|
||||
right: percentage(($columns / $grid-columns));
|
||||
}
|
||||
}
|
||||
|
||||
// Generate the medium columns
|
||||
@mixin make-md-column($columns, $gutter: $grid-gutter-width) {
|
||||
position: relative;
|
||||
// Prevent columns from collapsing when empty
|
||||
min-height: 1px;
|
||||
// Inner gutter via padding
|
||||
padding-left: ($gutter / 2);
|
||||
padding-right: ($gutter / 2);
|
||||
|
||||
// Calculate width based on number of columns available
|
||||
@media (min-width: $screen-md) {
|
||||
float: left;
|
||||
width: percentage(($columns / $grid-columns));
|
||||
}
|
||||
}
|
||||
|
||||
// Generate the large column offsets
|
||||
@mixin make-md-column-offset($columns) {
|
||||
@media (min-width: $screen-md) {
|
||||
margin-left: percentage(($columns / $grid-columns));
|
||||
}
|
||||
}
|
||||
@mixin make-md-column-push($columns) {
|
||||
@media (min-width: $screen-md) {
|
||||
left: percentage(($columns / $grid-columns));
|
||||
}
|
||||
}
|
||||
@mixin make-md-column-pull($columns) {
|
||||
@media (min-width: $screen-md) {
|
||||
right: percentage(($columns / $grid-columns));
|
||||
}
|
||||
}
|
||||
|
||||
// Generate the large columns
|
||||
@mixin make-lg-column($columns, $gutter: $grid-gutter-width) {
|
||||
position: relative;
|
||||
// Prevent columns from collapsing when empty
|
||||
min-height: 1px;
|
||||
// Inner gutter via padding
|
||||
padding-left: ($gutter / 2);
|
||||
padding-right: ($gutter / 2);
|
||||
|
||||
// Calculate width based on number of columns available
|
||||
@media (min-width: $screen-lg) {
|
||||
float: left;
|
||||
width: percentage(($columns / $grid-columns));
|
||||
}
|
||||
}
|
||||
|
||||
// Generate the large column offsets
|
||||
@mixin make-lg-column-offset($columns) {
|
||||
@media (min-width: $screen-lg) {
|
||||
margin-left: percentage(($columns / $grid-columns));
|
||||
}
|
||||
}
|
||||
@mixin make-lg-column-push($columns) {
|
||||
@media (min-width: $screen-lg) {
|
||||
left: percentage(($columns / $grid-columns));
|
||||
}
|
||||
}
|
||||
@mixin make-lg-column-pull($columns) {
|
||||
@media (min-width: $screen-lg) {
|
||||
right: percentage(($columns / $grid-columns));
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Form validation states
|
||||
//
|
||||
// Used in forms.less to generate the form validation CSS for warnings, errors,
|
||||
// and successes.
|
||||
|
||||
@mixin form-control-validation($text-color: #555, $border-color: #ccc, $background-color: #f5f5f5) {
|
||||
// Color the label and help text
|
||||
.help-block,
|
||||
.control-label {
|
||||
color: $text-color;
|
||||
}
|
||||
// Set the border and box shadow on specific inputs to match
|
||||
.form-control {
|
||||
border-color: $border-color;
|
||||
@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
|
||||
&:focus {
|
||||
border-color: darken($border-color, 10%);
|
||||
$shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($border-color, 20%);
|
||||
@include box-shadow($shadow);
|
||||
}
|
||||
}
|
||||
// Set validation states also for addons
|
||||
.input-group-addon {
|
||||
color: $text-color;
|
||||
border-color: $border-color;
|
||||
background-color: $background-color;
|
||||
}
|
||||
}
|
||||
|
||||
// Form control focus state
|
||||
//
|
||||
// Generate a customized focus state and for any input with the specified color,
|
||||
// which defaults to the `$input-focus-border` variable.
|
||||
//
|
||||
// We highly encourage you to not customize the default value, but instead use
|
||||
// this to tweak colors on an as-needed basis. This aesthetic change is based on
|
||||
// WebKit's default styles, but applicable to a wider range of browsers. Its
|
||||
// usability and accessibility should be taken into account with any change.
|
||||
//
|
||||
// Example usage: change the default blue border and shadow to white for better
|
||||
// contrast against a dark gray background.
|
||||
|
||||
@mixin form-control-focus($color: $input-border-focus) {
|
||||
$color-rgba: rgba(red($color), green($color), blue($color), .6);
|
||||
&:focus {
|
||||
border-color: $color;
|
||||
outline: 0;
|
||||
@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px $color-rgba);
|
||||
}
|
||||
}
|
||||
|
||||
// Form control sizing
|
||||
//
|
||||
// Relative text size, padding, and border-radii changes for form controls. For
|
||||
// horizontal sizing, wrap controls in the predefined grid classes. `<select>`
|
||||
// element gets special love because it's special, and that's a fact!
|
||||
|
||||
@mixin input-size($parent, $input-height, $padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
|
||||
#{$parent} { height: $input-height;
|
||||
padding: $padding-vertical $padding-horizontal;
|
||||
font-size: $font-size;
|
||||
line-height: $line-height;
|
||||
border-radius: $border-radius; }
|
||||
select#{$parent} {
|
||||
height: $input-height;
|
||||
line-height: $input-height;
|
||||
}
|
||||
|
||||
textarea#{$parent} {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
@@ -1,420 +0,0 @@
|
||||
// Font
|
||||
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300|Open+Sans&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic,vietnamese);
|
||||
|
||||
$gray-darker: lighten(#000, 13.5%) ; //#222
|
||||
$gray-dark: lighten(#000, 20%) ; //#333
|
||||
$gray: lighten(#000, 33.5%) ; //#555
|
||||
$gray-light: lighten(#000, 60%) ; //#999
|
||||
$gray-lighter: lighten(#000, 93.5%) ; //#eee
|
||||
|
||||
// Brand colors
|
||||
// -------------------------
|
||||
|
||||
//$brand-primary: #EF1778 ; //moved to admin-theme sass
|
||||
$brand-success: #5cb85c ;
|
||||
$brand-warning: #f0ad4e ;
|
||||
$brand-danger: #d9534f ;
|
||||
$brand-info: #5bc0de ;
|
||||
|
||||
// Scaffolding
|
||||
// -------------------------
|
||||
|
||||
$body-bg: $main-color ;
|
||||
$text-color: $gray ;
|
||||
|
||||
// Links
|
||||
// -------------------------
|
||||
|
||||
// $link-color: $brand-primary ;
|
||||
// $link-hover-color: darken($link-color, 15%) ;
|
||||
|
||||
// Typography
|
||||
// -------------------------
|
||||
|
||||
$font-family-sans-serif: 'Open Sans', Helvetica, Arial, sans-serif ;
|
||||
// $font-family-serif: Georgia, "Times New Roman", Times, serif ;
|
||||
// $font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace ;
|
||||
// $font-family-base: $font-family-sans-serif ;
|
||||
|
||||
$font-size-base: 12px ;
|
||||
// $font-size-large: ceil($font-size-base * 1.25) ; ~18px
|
||||
// $font-size-small: ceil($font-size-base * 0.85) ; ~12px
|
||||
// $font-size-mini: ceil($font-size-base * 0.75) ; ~11px
|
||||
|
||||
$line-height-base: 1.428571429 ;
|
||||
$line-height-computed: floor($font-size-base * $line-height-base) ;
|
||||
|
||||
$headings-font-family: 'Ubuntu', sans-serif ;
|
||||
$headings-font-weight: 300 ;
|
||||
// $headings-line-height: 1.1 ;
|
||||
|
||||
|
||||
// Components
|
||||
// -------------------------
|
||||
// Based on 14px font-size and 1.428 line-height (~20px to start)
|
||||
|
||||
$padding-base-vertical: 4px ;
|
||||
$padding-base-horizontal: 8px ;
|
||||
|
||||
// $padding-large-vertical: 14px ;
|
||||
// $padding-large-horizontal: 16px ;
|
||||
|
||||
// $padding-small-vertical: 5px ;
|
||||
// $padding-small-horizontal: 10px ;
|
||||
|
||||
$border-radius-base: 3px ;
|
||||
// $border-radius-large: 6px ;
|
||||
// $border-radius-small: 3px ;
|
||||
|
||||
// $component-active-bg: $brand-primary ;
|
||||
|
||||
|
||||
// Tables
|
||||
// -------------------------
|
||||
|
||||
// $table-bg: transparent ; overall background-color
|
||||
// $table-bg-accent: #f9f9f9 ; for striping
|
||||
$table-bg-hover: $bg-panel-heading-color ;
|
||||
|
||||
// $table-border-color: #ddd ; table and cell border
|
||||
|
||||
|
||||
// Buttons
|
||||
// -------------------------
|
||||
|
||||
$btn-default-color: $text-color ;
|
||||
$btn-default-bg: white ;
|
||||
$btn-default-border: #ccc ;
|
||||
|
||||
$btn-primary-color: $btn-default-color ;
|
||||
$btn-primary-bg: white ;
|
||||
$btn-primary-border: $brand-success ;
|
||||
|
||||
// $btn-success-color: $btn-default-color ;
|
||||
// $btn-success-bg: $brand-success ;
|
||||
// $btn-success-border: $btn-success-bg ;
|
||||
|
||||
// $btn-warning-color: $btn-default-color ;
|
||||
// $btn-warning-bg: $brand-warning ;
|
||||
// $btn-warning-border: $btn-warning-bg ;
|
||||
|
||||
// $btn-danger-color: $btn-default-color ;
|
||||
// $btn-danger-bg: $brand-danger ;
|
||||
// $btn-danger-border: $btn-danger-bg ;
|
||||
|
||||
// $btn-info-color: $btn-default-color ;
|
||||
// $btn-info-bg: $brand-info ;
|
||||
// $btn-info-border: $btn-info-bg ;
|
||||
|
||||
|
||||
|
||||
// Forms
|
||||
// -------------------------
|
||||
|
||||
$input-bg: #FFF ;
|
||||
// $input-bg-disabled: $gray-lighter ;
|
||||
|
||||
// $input-border: #ccc ;
|
||||
// $input-border-radius: $border-radius-base ;
|
||||
|
||||
// $input-color-placeholder: $gray-light ;
|
||||
|
||||
$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) ;
|
||||
// $input-height-large: (ceil($font-size-large * $line-height-base) + ($padding-large-vertical * 2) + 2) ;
|
||||
// $input-height-small: (ceil($font-size-small * $line-height-base) + ($padding-small-vertical * 2) + 2) ;
|
||||
|
||||
|
||||
// Dropdowns
|
||||
// -------------------------
|
||||
|
||||
// $dropdown-bg: #fff ;
|
||||
// $dropdown-border: rgba(0,0,0,.15) ;
|
||||
// $dropdown-divider-top: #e5e5e5 ;
|
||||
// $dropdown-divider-bottom: #fff ;
|
||||
|
||||
// $dropdown-link-active-color: #fff ;
|
||||
// $dropdown-link-active-bg: $component-active-bg ;
|
||||
|
||||
// $dropdown-link-color: $gray-dark ;
|
||||
// $dropdown-link-hover-color: #fff ;
|
||||
// $dropdown-link-hover-bg: $dropdown-link-active-bg ;
|
||||
|
||||
|
||||
// Grid system
|
||||
// --------------------------------------------------
|
||||
|
||||
// Number of columns in the grid system
|
||||
// $grid-columns: 12 ;
|
||||
// Padding, to be divided by two and applied to the left and right of all columns
|
||||
$grid-gutter-width: 10px ;
|
||||
|
||||
|
||||
// COMPONENT VARIABLES
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Z-index master list
|
||||
// -------------------------
|
||||
// Used for a bird's eye view of components dependent on the z-axis
|
||||
// Try to avoid customizing these :)
|
||||
|
||||
// $zindex-dropdown: 1000 ;
|
||||
// $zindex-popover: 1010 ;
|
||||
// $zindex-tooltip: 1030 ;
|
||||
// $zindex-navbar-fixed: 1030 ;
|
||||
// $zindex-modal-background: 1040 ;
|
||||
// $zindex-modal: 1050 ;
|
||||
|
||||
|
||||
// Navbar
|
||||
// -------------------------
|
||||
|
||||
// Basics of a navbar
|
||||
$navbar-height: 35px ;
|
||||
// $navbar-color: #777 ;
|
||||
// $navbar-bg: #eee ;
|
||||
// $navbar-padding: floor($grid-gutter-width / 2) ; ~15px
|
||||
|
||||
// Navbar links
|
||||
// $navbar-link-color: #777 ;
|
||||
// $navbar-link-hover-color: #333 ;
|
||||
// $navbar-link-hover-bg: transparent ;
|
||||
// $navbar-link-active-color: #555 ;
|
||||
// $navbar-link-active-bg: darken($navbar-bg, 10%) ;
|
||||
// $navbar-link-disabled-color: #ccc ;
|
||||
// $navbar-link-disabled-bg: transparent ;
|
||||
|
||||
// Navbar brand label
|
||||
// $navbar-brand-color: $navbar-link-color ;
|
||||
// $navbar-brand-hover-color: darken($navbar-link-color, 10%) ;
|
||||
// $navbar-brand-hover-bg: transparent ;
|
||||
|
||||
// Inverted navbar
|
||||
// $navbar-inverse-color: $gray-light ;
|
||||
// $navbar-inverse-bg: #222 ;
|
||||
|
||||
// Inverted navbar links
|
||||
// $navbar-inverse-link-color: $gray-light ;
|
||||
// $navbar-inverse-link-hover-color: #fff ;
|
||||
// $navbar-inverse-link-hover-bg: transparent ;
|
||||
// $navbar-inverse-link-active-color: $navbar-inverse-link-hover-color ;
|
||||
// $navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%) ;
|
||||
// $navbar-inverse-link-disabled-color: #444 ;
|
||||
// $navbar-inverse-link-disabled-bg: transparent ;
|
||||
|
||||
// Inverted navbar brand label
|
||||
// $navbar-inverse-brand-color: $navbar-inverse-link-color ;
|
||||
// $navbar-inverse-brand-hover-color: #fff ;
|
||||
// $navbar-inverse-brand-hover-bg: transparent ;
|
||||
|
||||
// Inverted navbar search
|
||||
// Normal navbar needs no special styles or vars
|
||||
// $navbar-inverse-search-bg: lighten($navbar-inverse-bg, 25%) ;
|
||||
// $navbar-inverse-search-bg-focus: #fff ;
|
||||
// $navbar-inverse-search-border: $navbar-inverse-bg ;
|
||||
// $navbar-inverse-search-placeholder-color: #ccc ;
|
||||
|
||||
|
||||
// Pagination
|
||||
// -------------------------
|
||||
|
||||
// $pagination-bg: #fff ;
|
||||
// $pagination-border: #ddd ;
|
||||
// $pagination-active-bg: #f5f5f5 ;
|
||||
|
||||
|
||||
// Jumbotron
|
||||
// -------------------------
|
||||
|
||||
// $jumbotron-bg: $gray-lighter ;
|
||||
// $jumbotron-heading-color: inherit ;
|
||||
// $jumbotron-lead-color: inherit ;
|
||||
|
||||
|
||||
// Form states and alerts
|
||||
// -------------------------
|
||||
|
||||
// $state-warning-text: #c09853 ;
|
||||
// $state-warning-bg: #fcf8e3 ;
|
||||
// $state-warning-border: darken(adjust-hue($state-warning-bg, -10), 3%) ;
|
||||
|
||||
// $state-danger-text: #b94a48 ;
|
||||
// $state-danger-bg: #f2dede ;
|
||||
// $state-danger-border: darken(adjust-hue($state-danger-bg, -10), 3%) ;
|
||||
|
||||
// $state-success-text: #468847 ;
|
||||
// $state-success-bg: #dff0d8 ;
|
||||
// $state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) ;
|
||||
|
||||
// $state-info-text: #3a87ad ;
|
||||
// $state-info-bg: #d9edf7 ;
|
||||
// $state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) ;
|
||||
|
||||
|
||||
// Tooltips and popovers
|
||||
// -------------------------
|
||||
// $tooltip-color: #fff ;
|
||||
// $tooltip-bg: rgba(0,0,0,.9) ;
|
||||
// $tooltip-arrow-width: 5px ;
|
||||
// $tooltip-arrow-color: $tooltip-bg ;
|
||||
|
||||
// $popover-bg: #fff ;
|
||||
// $popover-arrow-width: 10px ;
|
||||
// $popover-arrow-color: #fff ;
|
||||
// $popover-title-bg: darken($popover-bg, 3%) ;
|
||||
|
||||
// Special enhancement for popovers
|
||||
// $popover-arrow-outer-width: ($popover-arrow-width + 1) ;
|
||||
// $popover-arrow-outer-color: rgba(0,0,0,.25) ;
|
||||
|
||||
|
||||
// Labels
|
||||
// -------------------------
|
||||
// $label-success-bg: $brand-success ;
|
||||
// $label-info-bg: $brand-info ;
|
||||
// $label-warning-bg: $brand-warning ;
|
||||
// $label-danger-bg: $brand-danger ;
|
||||
|
||||
|
||||
// Modals
|
||||
// -------------------------
|
||||
// $modal-inner-padding: 20px ;
|
||||
|
||||
// $modal-title-padding: 15px ;
|
||||
// $modal-title-line-height: $line-height-base ;
|
||||
|
||||
// Alerts
|
||||
// -------------------------
|
||||
// $alert-bg: $state-warning-bg ;
|
||||
// $alert-text: $state-warning-text ;
|
||||
// $alert-border: $state-warning-border ;
|
||||
// $alert-border-radius: $border-radius-base ;
|
||||
|
||||
// $alert-success-bg: $state-success-bg ;
|
||||
// $alert-success-text: $state-success-text ;
|
||||
// $alert-success-border: $state-success-border ;
|
||||
|
||||
// $alert-danger-bg: $state-danger-bg ;
|
||||
// $alert-danger-text: $state-danger-text ;
|
||||
// $alert-danger-border: $state-danger-border ;
|
||||
|
||||
// $alert-info-bg: $state-info-bg ;
|
||||
// $alert-info-text: $state-info-text ;
|
||||
// $alert-info-border: $state-info-border ;
|
||||
|
||||
|
||||
// Progress bars
|
||||
// -------------------------
|
||||
// $progress-bg: #f5f5f5 ;
|
||||
// $progress-bar-bg: $brand-primary ;
|
||||
// $progress-bar-success-bg: $brand-success ;
|
||||
// $progress-bar-warning-bg: $brand-warning ;
|
||||
// $progress-bar-danger-bg: $brand-danger ;
|
||||
// $progress-bar-info-bg: $brand-info ;
|
||||
|
||||
|
||||
// List group
|
||||
// -------------------------
|
||||
// $list-group-bg: #fff ;
|
||||
// $list-group-border: #ddd ;
|
||||
// $list-group-border-radius: $border-radius-base ;
|
||||
|
||||
// $list-group-hover-bg: #f5f5f5 ;
|
||||
// $list-group-active-color: #fff ;
|
||||
// $list-group-active-bg: $component-active-bg ;
|
||||
// $list-group-active-border: $list-group-active-bg ;
|
||||
|
||||
// Panels
|
||||
// -------------------------
|
||||
// $panel-bg: #fff ;
|
||||
// $panel-border: #ddd ;
|
||||
// $panel-border-radius: $border-radius-base ;
|
||||
// $panel-heading-bg: #f5f5f5 ;
|
||||
// $panel-footer-bg: #f5f5f5 ;
|
||||
|
||||
// $panel-primary-text: #fff ;
|
||||
// $panel-primary-border: $brand-primary ;
|
||||
// $panel-primary-heading-bg: $brand-primary ;
|
||||
|
||||
// $panel-success-text: $state-success-text ;
|
||||
// $panel-success-border: $state-success-border ;
|
||||
// $panel-success-heading-bg: $state-success-bg ;
|
||||
|
||||
// $panel-warning-text: $state-warning-text ;
|
||||
// $panel-warning-border: $state-warning-border ;
|
||||
// $panel-warning-heading-bg: $state-warning-bg ;
|
||||
|
||||
// $panel-danger-text: $state-danger-text ;
|
||||
// $panel-danger-border: $state-danger-border ;
|
||||
// $panel-danger-heading-bg: $state-danger-bg ;
|
||||
|
||||
// $panel-info-text: $state-info-text ;
|
||||
// $panel-info-border: $state-info-border ;
|
||||
// $panel-info-heading-bg: $state-info-bg ;
|
||||
|
||||
|
||||
// Thumbnails
|
||||
// -------------------------
|
||||
// $thumbnail-caption-color: $text-color ;
|
||||
// $thumbnail-bg: $body-bg ;
|
||||
// $thumbnail-border: #ddd ;
|
||||
// $thumbnail-border-radius: $border-radius-base ;
|
||||
|
||||
|
||||
// Wells
|
||||
// -------------------------
|
||||
$well-bg: darken($bg-content-color,5%) ;
|
||||
|
||||
|
||||
// Miscellaneous
|
||||
// -------------------------
|
||||
|
||||
// Hr border color
|
||||
// $hr-border: $gray-lighter ;
|
||||
|
||||
// Horizontal forms & lists
|
||||
// $component-offset-horizontal: 180px ;
|
||||
|
||||
|
||||
// Media queries breakpoints
|
||||
// --------------------------------------------------
|
||||
|
||||
// Tiny screen / phone
|
||||
$screen-tiny: 480px ;
|
||||
$screen-phone: $screen-tiny ;
|
||||
|
||||
// Small screen / tablet
|
||||
$screen-small: 768px ;
|
||||
$screen-tablet: $screen-small ;
|
||||
|
||||
// Medium screen / desktop
|
||||
$screen-medium: 992px ;
|
||||
$screen-desktop: $screen-medium ;
|
||||
|
||||
// So media queries don't overlap when required, provide a maximum
|
||||
$screen-small-max: ($screen-medium - 1) ;
|
||||
$screen-tablet-max: $screen-small-max ;
|
||||
|
||||
// Large screen / wide desktop
|
||||
$screen-large: 1200px ;
|
||||
$screen-large-desktop: $screen-large ;
|
||||
|
||||
|
||||
// Container sizes
|
||||
// --------------------------------------------------
|
||||
|
||||
// Small screen / tablet
|
||||
$container-tablet: 728px ;
|
||||
|
||||
// Medium screen / desktop
|
||||
$container-desktop: 940px ;
|
||||
|
||||
// Large screen / wide desktop
|
||||
$container-large-desktop: 1170px ;
|
||||
|
||||
|
||||
// Grid system
|
||||
// --------------------------------------------------
|
||||
|
||||
// Point at which the navbar stops collapsing
|
||||
// $grid-float-breakpoint: $screen-tablet ;
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,318 +0,0 @@
|
||||
/*!
|
||||
* 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%
|
||||
left: 0
|
||||
top: 0
|
||||
background: rgba( 0, 0, 0, 0.2 )
|
||||
visibility: hidden
|
||||
opacity: 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) all )
|
||||
.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
|
||||
right: 14px
|
||||
&[data-size="s"] .ladda-spinner,
|
||||
&[data-size="xs"] .ladda-spinner
|
||||
right: 4px
|
||||
&[data-loading]
|
||||
padding-right: 56px
|
||||
.ladda-spinner
|
||||
opacity: 1
|
||||
&[data-size="s"],
|
||||
&[data-size="xs"]
|
||||
padding-right: 40px
|
||||
|
||||
// EXPAND RIGHT
|
||||
.ladda-button[data-style=expand-left]
|
||||
.ladda-spinner
|
||||
left: 14px
|
||||
&[data-size="s"] .ladda-spinner,
|
||||
&[data-size="xs"] .ladda-spinner
|
||||
left: 4px
|
||||
&[data-loading]
|
||||
padding-left: 56px
|
||||
.ladda-spinner
|
||||
opacity: 1
|
||||
&[data-size="s"],
|
||||
&[data-size="xs"]
|
||||
padding-left: 40px
|
||||
|
||||
// EXPAND UP
|
||||
.ladda-button[data-style=expand-up]
|
||||
overflow: hidden
|
||||
.ladda-spinner
|
||||
top: -$spinnerSize
|
||||
left: 50%
|
||||
margin-left: -$spinnerSize/2
|
||||
&[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
|
||||
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
|
||||
left: 100%
|
||||
margin-left: -$spinnerSize/2
|
||||
&[data-loading]
|
||||
.ladda-label
|
||||
opacity: 0
|
||||
left: -100%
|
||||
.ladda-spinner
|
||||
opacity: 1
|
||||
left: 50%
|
||||
|
||||
// SLIDE RIGHT
|
||||
.ladda-button[data-style=slide-right]
|
||||
overflow: hidden
|
||||
.ladda-label
|
||||
position: relative
|
||||
.ladda-spinner
|
||||
right: 100%
|
||||
margin-left: -$spinnerSize/2
|
||||
&[data-loading]
|
||||
.ladda-label
|
||||
opacity: 0
|
||||
left: 100%
|
||||
.ladda-spinner
|
||||
opacity: 1
|
||||
left: 50%
|
||||
|
||||
|
||||
// SLIDE UP
|
||||
.ladda-button[data-style=slide-up]
|
||||
overflow: hidden
|
||||
.ladda-label
|
||||
position: relative
|
||||
.ladda-spinner
|
||||
left: 50%
|
||||
margin-left: -$spinnerSize/2
|
||||
margin-top: 1em
|
||||
&[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
|
||||
left: 50%
|
||||
margin-left: -$spinnerSize/2
|
||||
margin-top: -2em
|
||||
&[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
|
||||
left: 50%
|
||||
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
|
||||
left: 50%
|
||||
margin-left: -$spinnerSize/2
|
||||
@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
|
||||
left: 50%
|
||||
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
|
||||
box-shadow: 0px 0px 0px 3000px rgba(0,0,0,0)
|
||||
.ladda-spinner
|
||||
left: 50%
|
||||
margin-left: -16px
|
||||
&[data-loading]
|
||||
border-radius: 50%
|
||||
width: 52px
|
||||
/*outline: 10000px solid rgba( 0, 0, 0, 0.5 );*/
|
||||
box-shadow: 0px 0px 0px 3000px rgba(0,0,0,0.8)
|
||||
.ladda-label
|
||||
opacity: 0
|
||||
.ladda-spinner
|
||||
opacity: 1
|
||||
|
||||
// THEME
|
||||
$red: #ea8557
|
||||
$purple: #9973C2
|
||||
$mint: #16a085
|
||||
$green: #2aca76
|
||||
$blue: #53b5e6
|
||||
|
||||
.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
|
||||
@@ -0,0 +1 @@
|
||||
#nobootstrap *,#nobootstrap *:before,#nobootstrap *:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}#nobootstrap a{line-height:normal}#nobootstrap .categorieList a{line-height:20px}#nobootstrap p{line-height:normal}#nobootstrap legend{font-size:13px;line-height:20px;width:auto}#nobootstrap label{font-size:13px;display:inline;line-height:normal}#nobootstrap fieldset{clear:both}#nobootstrap .breadcrumb{padding:0}#nobootstrap li{line-height:normal}#nobootstrap select,#nobootstrap textarea,#nobootstrap input{height:inherit}#nobootstrap label,#nobootstrap input,#nobootstrap button,#nobootstrap select,#nobootstrap textarea{font-size:12px;line-height:13px}#nobootstrap input[type="radio"],#nobootstrap input[type="checkbox"]{margin:0}#nobootstrap input[type="text"]{height:14px !important}#nobootstrap table.table{margin:0;padding:0;width:100%;border-collapse:collapse}#nobootstrap table.widthfull{width:100%}#nobootstrap .table thead th{vertical-align:top}#nobootstrap .table th,#nobootstrap .table td{line-height:normal;vertical-align:middle;border-top:none}#nobootstrap #header #header_search #bo_search_submit{height:25px !important}#nobootstrap [class^="icon-"],#nobootstrap [class*=" icon-"]{width:auto}#nobootstrap .toolbarBox [class^="process-icon-"],#nobootstrap .toolbarBox [class*=" process-icon-"]{text-indent:-9000px;overflow:hidden}
|
||||
+1
-1
File diff suppressed because one or more lines are too long
@@ -1,767 +0,0 @@
|
||||
#nobootstrap {
|
||||
//old admin theme
|
||||
body{font-family:Arial, Helvetica, sans-serif}
|
||||
h1,h2,h3,h4{font-family:Arial, Helvetica, sans-serif;line-height:1.4em;margin-bottom:.5em}
|
||||
h2{font-size:1.7em}
|
||||
h3{font-size:1.25em}
|
||||
h4{font-size:1.05em}
|
||||
h6{font-size:1em}
|
||||
ul,ol{list-style:none;margin:0;padding:0}
|
||||
ul li{color:#585A69}
|
||||
label{color:#585a69}
|
||||
fieldset{background-color:#EBEDF4;border:1px solid #CCCED7;color:#585A69;font-size:1.1em;margin:0;padding:1em}
|
||||
.Bloc{background:none repeat scroll 0 0 #EBEDF4;background-color:#EBEDF4;border:1px solid #CCCED7;font-size:1.1em;margin:0;padding:1em}
|
||||
legend{background:#EBEDF4;border:1px solid #CCCED7;font-weight:700;margin:0;padding:.2em .5em;text-align:left}
|
||||
input[type=text],input[type=password],input[type=file],textarea{background-color:#fff;border:1px solid #ccc}
|
||||
input[type=text]:disabled,input[type=password]:disabled,input[type=file]:disabled,textarea:disabled{background-color:#dedede;border:1px solid #ccc;color:#444}
|
||||
select{border:1px solid #ccc;font-size:12px}
|
||||
select[disabled=disabled],input[disabled=disabled],textarea[disabled=disabled],option[disabled=disabled]{border:1px solid #CCC;color:#AAA}
|
||||
.header_module{background:url(../img/header_module.png);border:solid 1px #CCC;color:#812143;height:20px;padding-left:.5em;padding-top:.8em}
|
||||
.double_select select{height:160px;width:300px}
|
||||
.double_select a{background-color:#fafafa;border:1px solid #aaa;color:#123456;display:block;margin:2px;padding:2px;text-align:center;text-decoration:none}
|
||||
.icon{vertical-align:middle}
|
||||
.icon-top{vertical-align:top}
|
||||
.button{background:#E3E3E3 repeat scroll 0 0 transparent;border-color:#CCC #BBB #A0A0A0;border-left:1px solid #BBB;border-right:1px solid #BBB;border-style:solid;border-width:1px;color:#000;cursor:pointer;margin:0;outline:medium none;padding:3px 8px;text-align:center;vertical-align:middle;white-space:nowrap}
|
||||
.button[disabled=disabled]{color:#8C8C8C}
|
||||
.button.bt-icon{display:inline-block;margin-bottom:7px}
|
||||
.button.bt-icon span{padding-left:5px}
|
||||
input.button[disabled=disabled]:hover{background-color:#FFF6D3}
|
||||
.button.export-csv span{background:transparent url(../img/export-csv.png) no-repeat scroll left top;padding:1px 0 1px 20px}
|
||||
#top_container{margin:0;padding:0}
|
||||
#header{background-color:#394049;height:90px}
|
||||
#header #header_infos{height:60px;margin:0;padding:0;position:relative}
|
||||
#header #header_shopname{float:left;margin:10px 15px 0 10px}
|
||||
#header #employee_box{display:block;float:right}
|
||||
#header #employee_infos{display:block;margin:5px 15px 0 10px}
|
||||
#header #employee_infos a{color:#BABABA;margin-right:5px;text-transform:capitalize}
|
||||
#header #employee_infos .employee_name{color:#fff;float:left;padding:0 20px 0 0}
|
||||
#header .separator{background:transparent url(../img/separator.png) no-repeat scroll center top;height:19px;margin-right:5px;width:16px}
|
||||
#header ul#employee_links{display:block;list-style:none;text-align:left}
|
||||
#header ul#employee_links li{display:inline;line-height:20px}
|
||||
#header #header_infos #header_shopname span{color:#fff;display:block;font-size:24px;height:28px;margin:0;overflow:hidden}
|
||||
#header #header_infos a#header_logout{background:transparent url(../img/logout.png) no-repeat scroll left top;color:#bababa;padding-left:20px}
|
||||
#header #header_infos #header_logout a span{color:#bababa}
|
||||
#header #header_infos #header_foaccess{color:#bababa;text-decoration:none}
|
||||
#header #header_infos #header_foaccess a{color:#bababa!important}
|
||||
#header #header_search{background-color:#fff;border:2px solid #000;float:left;height:25px;margin-top:15px;position:relative}
|
||||
#header #header_search #bo_query{background:none repeat scroll 0 0 transparent;border:none;float:left;font:13px Arial,sans-serif;padding:5px 0 5px 4px;width:160px}
|
||||
#header #header_search #bo_search_type_chzn{border:none;float:left;font-size:13px;height:27px;margin:0 23px 0 0;padding:0 4px;vertical-align:middle;width:80px!important}
|
||||
#header #header_search #bo_search_type_chzn.chzn-container-single .chzn-single{border:none;border-left:1px dotted #ccc}
|
||||
#header #header_search #bo_search_submit{background:url(../img/icon-search2.png) no-repeat scroll center;border:none;border-left:1px solid #3079ED;color:transparent;cursor:pointer;display:block;float:left;font-weight:400;height:25px;margin:0;padding:0;position:absolute;right:0;text-indent:-9999em;width:27px}
|
||||
#header #header_quick{display:block;float:right;margin-top:15px}
|
||||
#header #header_quick #quick_select_chzn{font-size:13px;margin:0 10px 0 0;padding:0 0 4px}
|
||||
#header #header_myaccount{background:url(../img/bg-lang.png) no-repeat;display:block;float:right;height:16px;margin:8px 1px 0 0;width:16px}
|
||||
.path_bar{background-color:#E2EBEE;border:1px solid #999;display:none;font-family:Trebuchet,Arial,Helvetica,sans-serif;font-size:13px;margin-bottom:20px;padding:5px}
|
||||
#notifs_icon_wrapper{float:left;margin:15px 10px 0;position:relative;width:95px}
|
||||
.notifs{cursor:pointer;float:left;height:16px;margin:0;padding:5px;position:relative;width:18px}
|
||||
#orders_notif{background:url(../img/notif_order.png) no-repeat center top}
|
||||
#customers_notif{background:url(../img/notif_customer.png) no-repeat center top}
|
||||
#customer_messages_notif{background:url(../img/notif_message.png) no-repeat center top}
|
||||
#orders_notif.open_notifs,#customers_notif.open_notifs,#customer_messages_notif.open_notifs{background-color:#FFF;background-position:center bottom;border:1px solid #000;display:block;position:relative}
|
||||
.number_wrapper{color:#FFF;display:none;font-size:13px;font-weight:700;padding:2px 5px;position:absolute;right:-8px;top:-10px;z-index:101}
|
||||
.number_wrapper span{background-color:#F03D25;border-color:0 #DD3822 #DD3822;border-right:1px solid #DD3822;border-style:none solid solid;border-width:0;display:block;font-size:11px;padding:1px 3px}
|
||||
.notifs_wrapper{background:none repeat scroll 0 0 #FFF;border:1px solid #000;border-top:none;color:#000;cursor:auto;display:none;left:-1px;padding:10px;position:absolute;top:25px;width:300px;z-index:9999}
|
||||
.notifs_wrapper h3{border-bottom:1px solid #E5E5E5;font-size:14px;margin:0;padding-bottom:8px}
|
||||
.notifs_wrapper ul{margin:0;padding:6px 0}
|
||||
.notifs_wrapper ul li{font-size:12px;list-style:none;padding:5px 0;text-decoration:none}
|
||||
#header_infos .notifs_wrapper a{color:#000;float:right;font-size:11px;font-weight:700}
|
||||
.notifs_wrapper p{border-top:1px solid #E5E5E5;font-size:12px;margin:0;padding-top:8px}
|
||||
#header #menu{background-color:#f8f8f8;border-bottom:1px solid #e5e5e5;float:left;line-height:normal;margin:0;padding:0;width:100%}
|
||||
#header #menu li.maintab{border-left:1px solid #fff;border-right:1px solid #ccc;display:block;float:left;height:29px;list-style:none}
|
||||
#header #menu li.submenu_size .title{color:#000;cursor:default;display:block;font-size:12px;font-weight:400;padding:8px 3px 4px 0}
|
||||
#header #menu img{display:inline;height:16px;margin-top:-4px;padding:0 3px 0 6px;vertical-align:middle;width:16px}
|
||||
#header #menu li.active,#header #menu li:hover{background-position:0 -38px;white-space:nowrap}
|
||||
#header #menu li:hover,#header #menu li.active{background-color:#49B2FF}
|
||||
#header #menu li.maintab:hover,#header #menu li.active{border-left:1px solid #49B2FF;border-right:1px solid #49B2FF}
|
||||
#header #menu .withLeftBorder{background:transparent url(../img/separator_subnav.png) no-repeat 0 5px}
|
||||
#header #menu .submenu{background:#f8f8f8;border:1px solid #d9d9d9;clear:both;margin:0;padding:0;z-index:9999}
|
||||
#header #menu .submenu li{display:block;list-style:none;margin:0;min-width:150px;padding:0}
|
||||
#header #menu .submenu li a{border-bottom:1px solid #ccc;border-top:1px solid #fff;color:#666;display:block;font-size:12px;padding:5px 15px 5px 10px}
|
||||
#header #menu .submenu li.active a:hover{color:#666}
|
||||
.separation{background-color:#ccc;border-bottom:1px solid #fff;height:1px;margin:10px 0;width:100%}
|
||||
.table_grid{width:100%}
|
||||
.table{background-color:#fff;border:1px solid #ccc;padding:0;border-radius:3px}
|
||||
.filter{background-color:#f1f9ff}
|
||||
.table th a{text-decoration:underline}
|
||||
.table a:hover{text-decoration:none}
|
||||
.table tr th{background-color:#F1F1F1;color:#333;font-size:13px;padding:4px 6px;text-align:left}
|
||||
.table tr th.right{text-align:center}
|
||||
.table tr td{border-bottom:1px solid #ccc;color:#333;font-size:12px;padding:4px 4px 4px 6px}
|
||||
.table tr.row_hover.filter:hover td{background:#F1F9FF}
|
||||
.table tr td.row_hover:hover table tr td{background:none}
|
||||
.table tr.action_details td{background:#FAFAFA}
|
||||
.table tr.alt_row.action_details td{background:#E8E8E8}
|
||||
.table tr td.empty{background:#FFF!important;border-bottom:none}
|
||||
.table tr td.first{border-left:1px solid #DEDEDE}
|
||||
.table tr td.last{border-right:1px solid #DEDEDE}
|
||||
.table tr.small td{height:15px}
|
||||
.table tr.last td{border-bottom:none}
|
||||
.col-left{padding-right:10px;vertical-align:top}
|
||||
.col-right{padding-bottom:5px}
|
||||
#product-tab-content-wait{background:url(../img/bg_loaderSpace.png);display:block;min-height:420px;position:absolute;width:96.5%}
|
||||
div#loading{background:url(../img/ajax-loader.gif);display:block;height:128px;margin:100px auto;text-indent:-9999px;width:128px}
|
||||
td.col-left label{display:block;text-align:right;width:100%}
|
||||
.alt_row{background-color:#f8f8f8}
|
||||
.cat_bar{background-color:#F4E8CD;border:1px solid #999;font-family:Trebuchet,Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;margin-bottom:20px;padding:5px}
|
||||
.table tr#total_products,.table tr#total_discounts,.table tr#total_wrapping,.table tr#total_shipping{height:35px}
|
||||
.table tr#total_order{height:50px}
|
||||
a.action_module{color:#268CCD;text-decoration:underline}
|
||||
a.header_module_toggle{color:#268CCD;display:block;font-weight:700}
|
||||
.nbr_module{color:#268CCD;float:right;font-size:12px;font-style:italic;margin-right:10px}
|
||||
.autoupgradeSteps div{line-height:30px}
|
||||
.upgradestep{margin-right:5px;padding-left:10px;padding-right:5px}
|
||||
#upgradeNow.stepok,.autoupgradeSteps a.stepok{background-image:url(../img/admin/enabled.gif);background-position:left center;background-repeat:no-repeat;padding-left:15px}
|
||||
.processing{overflow:auto}
|
||||
.ui-accordion-header{background-color:#ccc;color:#000}
|
||||
.table td span.color_field{color:#fff;font-size:11px;padding:2px 5px;text-transform:uppercase}
|
||||
.multishop_toolbar{background-color:#F8F8F8;border:1px solid #CCC;font-size:18px;margin-bottom:10px;padding:10px}
|
||||
.multishop_toolbar span.text_multishop{padding-right:5px;vertical-align:7px}
|
||||
.multishop_toolbar select.shopList{width:300px}
|
||||
.multishop_toolbar a.chzn-single{background:url(../img/icon-multishop.png) no-repeat 5px 5px;font-weight:700;padding:1px 2px 2px 25px}
|
||||
.multishop_toolbar .chzn-container .chzn-results .first{background-color:#408BD5;color:#fff;font-weight:700}
|
||||
.multishop_toolbar .chzn-container .chzn-results .group{background-color:#C6DEFC;font-style:italic;font-weight:700;padding-left:15px}
|
||||
.multishop_toolbar .chzn-container .chzn-results .shop{background-color:#EAF2FC;padding-left:30px}
|
||||
.toolbarBox{background-color:#F8F8F8;border:1px solid #CCC;margin-bottom:10px;padding:10px 0;position:relative}
|
||||
.toolbarBox .pageTitle{line-height:48px;margin-left:10px}
|
||||
.toolbarBox .pageTitle h3{font-size:2em;font-weight:700;line-height:48px;margin:0;padding:0}
|
||||
.toolbarBox ul.cc_button{float:right;margin:0;padding:0}
|
||||
.toolbarBox ul.cc_button li{color:#666;float:left;height:48px;list-style:none outside none;padding:1px 1px 3px 4px;text-align:center}
|
||||
.toolbarBox a.toolbar_btn{border:1px solid #f8f8f8;border-width:1px;cursor:pointer;display:block;float:left;font-size:11px;min-width:50px;padding:1px 5px;white-space:nowrap}
|
||||
.toolbarBox a.toolbar_btn:hover{background-color:#fff;border:1px inset #ccc}
|
||||
.toolbarBox .toolbar_btn span{display:block;float:none;height:32px;margin:0 auto;position:relative}
|
||||
.toolbarBox .process-icon-delete{background-image:url(../img/process-icon-delete.png)}
|
||||
.toolbarBox .process-icon-duplicate{background-image:url(../img/process-icon-duplicate.png)}
|
||||
.toolbarBox .process-icon-stats{background-image:url(../img/process-icon-stats.png)}
|
||||
.toolbarBox .process-icon-save-and-stay{background-image:url(../img/process-icon-save-and-stay.png)}
|
||||
.toolbarBox .process-icon-edit{background-image:url(../img/process-icon-edit.png)}
|
||||
.toolbarBox .process-icon-back{background-image:url(../img/process-icon-back.png)}
|
||||
.toolbarBox .process-icon-refresh-index{background-image:url(../img/process-icon-refresh-index.png)}
|
||||
.toolbarBox .process-icon-refresh-cache{background-image:url(../img/process-icon-refresh-cache.png)}
|
||||
.toolbarBox .process-icon-save-calendar{background-image:url(../img/process-icon-save-calendar.png)}
|
||||
.toolbarBox .process-icon-new-module{background-image:url(../img/process-icon-new-module.png)}
|
||||
.toolbarBox .process-icon-new-url{background-image:url(../img/process-icon-new-url.png)}
|
||||
.toolbarBox .process-icon-new-module-addon{background-image:url(../img/process-icon-new-module-addon.png)}
|
||||
.toolbarBox .process-icon-new.add_product{background-image:url(../img/process-icon-addProduct.png)}
|
||||
.toolbarBox .process-icon-partialRefund{background-image:url(../img/process-icon-partial-refund.png)}
|
||||
.toolbarBox .process-icon-standardRefund{background-image:url(../img/process-icon-standard-refund.png)}
|
||||
.toolbarBox .process-icon-help{background-image:url(../img/process-icon-help.png)}
|
||||
.toolbarBox .process-icon-help-new{background-image:url(../img/process-icon-help-new.png)}
|
||||
.toolbarBox .process-icon-modules-list{background-image:url(../img/process-icon-modules-list.png)}
|
||||
.toolbarReduced{margin-right:221px}
|
||||
#modules_list_button{background-image:url(../img/modules_list_button.png);border:none;cursor:pointer;font-size:1.6em;height:63px;padding-left:45px;position:absolute;right:0;top:0;width:211px}
|
||||
.toolbarBox #modules_list_container{background:none repeat scroll 0 0 #FFF;border:solid 1px #CCC;display:block;float:right;height:auto;position:absolute;right:13px;top:63px;width:500px;z-index:100}
|
||||
.toolbarBox #modules_list_container #modules_list_container_content{max-height:500px;overflow:auto}
|
||||
.toolbarBox #modules_list_container #modules_list_container_tab{height:auto;margin-top:10px;width:auto}
|
||||
.toolbarBox #modules_list_container #modules_list_container_tab table{border-spacing:0;width:100%}
|
||||
.toolbarBox #modules_list_container #modules_list_container_tab tr{height:auto}
|
||||
.toolbarBox #modules_list_container #modules_list_container_tab tr.rowalt{background-color:#F0F7FF}
|
||||
.toolbarBox #modules_list_container #modules_list_container_tab #tab_module_switch{margin-bottom:10px}
|
||||
.toolbarBox #modules_list_container #modules_list_loader{margin-top:10px}
|
||||
.toolbarBox #modules_list_container .nav-tabs-modules:after{clear:both}
|
||||
.toolbarBox #modules_list_container .nav-tabs-modules > li{height:19px}
|
||||
.toolbarBox #modules_list_container .nav-tabs-modules > li > a{border:1px solid #ddd;border-bottom:none;line-height:14px;margin-right:2px;padding:8px 12px 7px}
|
||||
.toolbarBox #modules_list_container .nav-tabs-modules > li > a:hover{background-color:#fff;border-color:silver}
|
||||
.toolbarBox #modules_list_container .nav-tabs-modules > .active > a,.toolbarBox #modules_list_container .nav-tabs-modules > .active > a:hover{background-color:#F8F8F8;border:1px solid #ddd;border-bottom-color:transparent;color:#555;cursor:default}
|
||||
div.fix-toolbar{border-bottom:1px solid #E0E0E0;margin:auto;position:fixed;top:0;z-index:1}
|
||||
#content .qq-upload-button{background:#E3E3E3;border-color:#CCC #BBB #A0A0A0;border-left:1px solid #BBB;border-right:1px solid #BBB;border-style:solid;border-width:1px;color:#000;width:180px}
|
||||
.file_upload_label{margin-top:5px}
|
||||
.leadin .bloc-leadin{padding:10px 3px}
|
||||
#productBox{float:left;position:relative;width:100%}
|
||||
form#product_form,form#access_form,form#cart_rule_form,#modules_tab_list{background-color:#ebedf4;border:1px solid #ccced7;margin-left:140px;min-height:404px;padding:5px 10px 10px}
|
||||
#modules_tab_list{min-height:inherit}
|
||||
#content form.adminstockmanagement{margin-left:0}
|
||||
form#product_form h3{font-size:14px;font-weight:400}
|
||||
form#product_form h4{font-size:18px;font-weight:400}
|
||||
.tab-row .tab{background:#EFEFEF;width:100px}
|
||||
.productTabs{background-color:#fafafa;border:1px solid #ccced7;border-right:none;float:left;width:140px}
|
||||
.productTabs ul{margin:0;padding:0}
|
||||
.productTabs ul li.tab-row a{border-right:1px solid #CCCED7;border-top:1px solid #CCCED7;color:#666;display:block;font-weight:400;padding:7px 10px}
|
||||
.productTabs ul li.tab-row a.selected{background-color:#EBEDF4;border-right:none;color:#000;font-weight:700}
|
||||
#product_list{margin-bottom:.5em}
|
||||
.filter-module{background-color:#ebedf4;border:1px solid #c2c4d9;display:block;min-height:35px;padding:10px}
|
||||
.filter-stock{background-color:#ebedf4;border:1px solid #c2c4d9;display:block;margin-bottom:15px;min-height:25px;padding:10px}
|
||||
.filter-stock-extended{background-color:#ebedf4;border:1px solid #c2c4d9;display:block;margin-bottom:15px;min-height:65px;padding:10px}
|
||||
#addons_login_div{background:#EBEDF4 url(../img/lock.png) no-repeat scroll left 5px}
|
||||
#addons_login_div p{color:#585A69;float:left;font-size:16px;line-height:24px;margin:0;padding-left:25px}
|
||||
#addons_login_div input{float:left;margin-right:10px}
|
||||
#addons_login_div input#addons_login_button{margin-right:0}
|
||||
.sidebar{display:inline;float:left;position:relative;width:220px}
|
||||
.sidebar h3{background-color:#ebedf4;display:block;font-weight:700;padding:5px}
|
||||
.sidebar.navigation h3{margin:0}
|
||||
.sidebar .subHeadline{float:right;font-weight:700;margin-right:5px;margin-top:-28px}
|
||||
.sidebar ul.categorieList li{border-top:1px solid #ccc;line-height:20px;position:relative}
|
||||
.sidebar ul.categorieList li a{color:#3a6ea7;display:block;padding-left:5px}
|
||||
.sidebar ul.categorieList li a:hover{background-color:#EBEDF4}
|
||||
.sidebar ul.categorieList li div.categorieWidth{overflow:hidden;text-indent:5px}
|
||||
.sidebar ul.categorieList li div.count{position:absolute;right:5px;top:0}
|
||||
.blocEngine .rowForm{display:block;float:left;margin:0;padding:5px 0}
|
||||
.blocEngine .rowForm label{font-weight:400}
|
||||
.blocEngine .rowForm label,.blocEngine .rowForm select{float:left;text-align:left;width:220px}
|
||||
.blocEngine p{display:block;float:left;margin-top:10px}
|
||||
#statsContainer{margin-left:220px;padding:0 0 0 20px}
|
||||
#statsContainer #calendar,#referrersContainer #calendar{background-color:#EEE;border-top:1px solid #CCC;display:block;margin:10px 0;min-height:25px;padding:5px}
|
||||
#statsContainer #calendar p span,#referrersContainer #calendar p span{display:block;float:left;padding:3px}
|
||||
#statsContainer .blocStats{background-color:#EBEDF4;border:1px solid #C2C4D9;display:block;padding:10px;position:relative}
|
||||
#statsContainer .blocStats h2{font-size:1.4em;font-weight:400;margin:0}
|
||||
#statsContainer .blocStats h2.icon-statsproduct span,#statsContainer .blocStats h2.icon-statsbestsuppliers span,#statsContainer .blocStats h2.icon-statsforecast span,#statsContainer .blocStats h2.icon-pagesnotfound span,#statsContainer .blocStats h2.icon-sekeywords span,#statsContainer .blocStats h2.icon-guide span,#statsContainer .blocStats h2.icon-statsequipment span,#statsContainer .blocStats h2.icon-statsvisits span,#statsContainer .blocStats h2.icon-statssales span,#statsContainer .blocStats h2.icon-statsregistrations span,#statsContainer .blocStats h2.icon-statspersonalinfos span,#statsContainer .blocStats h2.icon-statscatalog span,#statsContainer .blocStats h2.icon-basket-delete span,#statsContainer .blocStats h2.icon-statsbestcustomers span,#statsContainer .blocStats h2.icon-statsorigin span,#statsContainer .blocStats h2.icon-statsbestproducts span,#statsContainer .blocStats h2.icon-statsbestvouchers span,#statsContainer .blocStats h2.icon-statsbestcategories span,#statsContainer .blocStats h2.icon-statscarrier span,#statsContainer .blocStats h2.icon-statssearch span,#statsContainer .blocStats h2.icon-statsstock span,#statsContainer .blocStats h2.icon-conversion span,#statsContainer .blocStats h2.icon-payment span,#statsContainer .blocStats h2.icon-category span,#statsContainer .blocStats h2.icon-currency span,#statsContainer .blocStats h2.icon-language span,#statsContainer .blocStats h2.icon-attribute span{background:transparent url(../img/icon-sprites-title.png) no-repeat scroll left top;height:16px;margin-right:3px;padding-right:18px;width:16px}
|
||||
#statsContainer .blocStats h2.icon-statsproduct span{background-position:2px 2px}
|
||||
#statsContainer .blocStats h2.icon-statsforecast span{background-position:-18px 2px}
|
||||
#statsContainer .blocStats h2.icon-guide span{background-position:-36px 2px}
|
||||
#statsContainer .blocStats h2.icon-statsbestsuppliers span{background-position:-54px 2px}
|
||||
#statsContainer .blocStats h2.icon-pagesnotfound span{background-position:-72px 2px}
|
||||
#statsContainer .blocStats h2.icon-sekeywords span{background-position:-90px 2px}
|
||||
#statsContainer .blocStats h2.icon-statsequipment span{background-position:-108px 2px}
|
||||
#statsContainer .blocStats h2.icon-statsvisits span{background-position:-126px 2px}
|
||||
#statsContainer .blocStats h2.icon-statsregistrations span{background-position:-147px 2px}
|
||||
#statsContainer .blocStats h2.icon-statssales span{background-position:0 -16px}
|
||||
#statsContainer .blocStats h2.icon-statspersonalinfos span{background-position:-18px -16px}
|
||||
#statsContainer .blocStats h2.icon-basket-delete span{background-position:-54px -16px}
|
||||
#statsContainer .blocStats h2.icon-statsbestcustomers span{background-position:-72px -16px}
|
||||
#statsContainer .blocStats h2.icon-statsorigin span{background-position:-90px -16px}
|
||||
#statsContainer .blocStats h2.icon-statsbestproducts span{background-position:-108px -16px}
|
||||
#statsContainer .blocStats h2.icon-statsbestvouchers span{background-position:-126px -16px}
|
||||
#statsContainer .blocStats h2.icon-statsbestcategories span{background-position:-147px -17px}
|
||||
#statsContainer .blocStats h2.icon-statscarrier span{background-position:2px -36px}
|
||||
#statsContainer .blocStats h2.icon-statssearch span{background-position:-18px -36px}
|
||||
#statsContainer .blocStats h2.icon-statsstock span{background-position:-36px -36px}
|
||||
#statsContainer .blocStats h2.icon-conversion span{background-position:-54px -36px}
|
||||
#statsContainer .blocStats h2.icon-payment span{background-position:-72px -36px}
|
||||
#statsContainer .blocStats h2.icon-currency span{background-position:-90px -36px}
|
||||
#statsContainer .blocStats h2.icon-language span{background-position:-106px -36px}
|
||||
#statsContainer .blocStats h2.icon-attribute span{background-position:-126px -36px}
|
||||
#statsContainer .blocStats form{position:absolute;right:5px;top:10px}
|
||||
#statsContainer .blocStats form.checkup{left:0;position:relative;top:0}
|
||||
#statsContainer .totalStats{font-size:16px;font-weight:700}
|
||||
#statsContainer .blocStats .blocConversion{display:inline-table;min-height:80px}
|
||||
#moduleContainer{margin-left:220px;padding:13px 0 0 20px}
|
||||
#moduleContainer .table tr td{border-bottom:none;border-top:1px solid #ccc;font-size:12px;padding:5px 7px 0;vertical-align:top}
|
||||
#moduleContainer .moduleDesc{font-size:12px;margin-bottom:10px;position:relative}
|
||||
#moduleContainer .moduleDesc p.desc{clear:both;color:#666;display:block;font-family:Georgia;font-size:12px;font-style:italic}
|
||||
#moduleContainer .setup{background-color:#6db300;color:#fff;display:inline-block;font-size:10px;font-weight:700;left:10px;padding:0 4px;position:relative;text-transform:uppercase}
|
||||
#moduleContainer .setup.non-install{background-color:#ffedb1;border:solid 1px #ec7000;color:#ec7000}
|
||||
#moduleContainer .setup.off{background-color:#ccc;color:#666}
|
||||
#moduleContainer .button.uninstalled,#moduleContainer .button.installed{clear:both;display:inline-block;float:right;font-size:12px;margin-top:15px}
|
||||
#modules_list_container_tab #modules_list_container_content{height:370px;list-style-type:none;margin:0;overflow:auto;padding:0;white-space:nowrap}
|
||||
#modules_list_container_tab #modules_list_container_content li{display:inline-block}
|
||||
#modules_list_container_tab table tr td{border-bottom:none;border-top:1px solid #ccc;font-size:12px;padding:3px}
|
||||
#modules_list_container_tab .moduleDesc h3{color:#3A6EA7;font-size:1.1em;margin:0;text-align:left;white-space:normal}
|
||||
#modules_list_container_tab .moduleDesc p.desc{color:#666;font-family:Georgia;font-size:12px;font-style:italic;text-align:left;white-space:normal}
|
||||
#modules_list_container_tab .setup{background-color:#6db300;color:#fff;display:inline-block;font-size:10px;font-weight:700;padding:0 10px;text-transform:uppercase}
|
||||
#modules_list_container_tab .setup.off{background-color:#ccc;color:#666}
|
||||
.default_modules_list_display_type #modules_list_container_content li table{border:solid 1px #ccc;height:105px;margin-bottom:10px;width:100%}
|
||||
#modules_list_container_tab ul li{height:105px}
|
||||
.blocLiveEdit{background-color:#EBEDF4;border:1px solid #C2C4D9;clear:right;display:block;float:right;width:250px}
|
||||
.blocLiveEdit h2{background:transparent url(../img/live_edit.png) no-repeat scroll 10px 10px;height:40px;line-height:50px;margin:0;padding:0 10px;text-indent:40px}
|
||||
.blocLiveEdit p{padding:0 10px}
|
||||
.blocLiveEdit a.button{display:inline-block;float:left;margin:10px}
|
||||
#modulePosition{clear:left;float:left;width:100%}
|
||||
#modulePosition form{margin-right:270px}
|
||||
#modulePosition .lab_modules_positions h3{color:#3A6EA7;float:left;margin:0 0 0 10px}
|
||||
#modulePosition .lab_modules_positions p{clear:both;font-family:Georgia;font-size:12px;font-style:italic;padding-left:40px}
|
||||
#modulePosition .lab_modules_positions span{float:left;font-size:12px;padding-left:5px;padding-top:4px}
|
||||
label.text{padding:1px 12px 0 0}
|
||||
label.radioCheck{float:none;font-weight:400;margin:0 1em 0 .25em;padding:0}
|
||||
ul.listForm li{padding-bottom:3px}
|
||||
#footer{clear:both;color:#666;font-size:.9em;height:40px}
|
||||
#footer .footerLeft{float:left;margin-left:10px}
|
||||
#footer .footerRight{float:right;margin-right:10px}
|
||||
.pageTitleHome{font-size:1.6em;font-weight:400;margin:0;padding:10px 0}
|
||||
.pageTitleHome h3{font-weight:400;margin:0}
|
||||
#dashboard{background-color:#EBEDF4;border:1px solid #C2C4D9;display:block;min-width:1200px;padding:10px;position:relative}
|
||||
#dashboard h2{font-size:1.4em;font-weight:400;margin:0 0 15px}
|
||||
#iframe{display:block;min-height:180px;position:relative}
|
||||
#adminpresentation #video{float:left;min-height:150px;padding-right:15px}
|
||||
#adminpresentation #video a{display:block;height:128px;padding:6px;position:relative;width:220px}
|
||||
#adminpresentation #video a span{background:transparent url(../img/play.png) no-repeat scroll left top;border:6px solid #fff;display:block;height:128px;left:0;position:absolute;top:0;width:220px;z-index:1}
|
||||
#adminpresentation #video a span:hover{background-position:left bottom;border:6px solid #C2C4D9}
|
||||
#adminpresentation #video-content{min-height:150px;padding-left:10px}
|
||||
#adminpresentation #video-content p{color:#585A69;font-size:20px;line-height:26px}
|
||||
.view-modules{float:right;margin:10px 0}
|
||||
.view-modules li.normal-view-disabled{background:0 repeat scroll 0 0 transparent;border-right:1px solid #ccc;color:#999}
|
||||
.view-modules li.favorites-view-disabled{background:0 repeat scroll 0 0 transparent;border-left:1px solid #fff;color:#999}
|
||||
.view-modules li.normal-view-disabled:hover,.view-modules li.favorites-view-disabled:hover{border-color:#CCC #BBB #A0A0A0}
|
||||
.view-modules li.favorites-view{border-left:1px solid #fff}
|
||||
.view-modules li.normal-view{border-right:1px solid #ccc}
|
||||
#changedFiles ul{list-style-type:square;padding-left:40px}
|
||||
.tooltip .tooltip_content{background:#000;color:#FFF;display:none;margin-top:5px;padding:5px;position:absolute;text-align:left;white-space:nowrap;z-index:100}
|
||||
.tooltip .tooltip_label{cursor:pointer}
|
||||
.tooltip .title{display:block;font-weight:700;padding-bottom:5px;text-align:center}
|
||||
.tooltip:hover .tooltip_content{display:block}
|
||||
.tooltip_button{background:linear-gradient(top,#ddd,#aaa);border:1px solid silver;color:#666;padding:0 3px}
|
||||
#carrier_form label{padding-top:0}
|
||||
#carrier_form input{margin-top:3px}
|
||||
#large_scene_image{border:1px solid transparent;clear:both}
|
||||
#moduleContainer .table tr:hover{background-color:#FFF1B5}
|
||||
#moduleContainer .button.updated{display:inline-block;font-size:12px;margin-top:15px}
|
||||
#list-action-button{width:175px}
|
||||
#list-action-button li{display:inline;float:left;margin-left:10px}
|
||||
#moduleContainer .moduleName{color:#3A6EA7;font-size:12px;font-weight:700}
|
||||
#moduleContainer .moduleFavDesc{color:#666;font-family:Georgia;font-style:italic}
|
||||
.button:hover,.button:active,#content .qq-upload-button:hover{border:1px solid #939393}
|
||||
#header #employee_infos a:hover,#header #header_infos a#header_logout:hover,#header #header_infos a#header_foaccess:hover,#header #menu li.active a.title,#header #menu li:hover a.title,#header #menu .submenu li.active a{color:#fff}
|
||||
.notifs_wrapper p.no_notifs,.productTabs ul li.tab-row,#modules_list_container_tab table tr td tr td,.default_modules_list_display_type #modules_list_container_content li table tr td{border:none}
|
||||
#header #menu .submenu li a:hover,.blocEngine{background-color:#eee}
|
||||
.table .filter,#statsContainer #calendar p,#referrersContainer #calendar p{margin:2px}
|
||||
.table tr.row_hover:hover td,.selected-line{background:#fff1b5}
|
||||
#tabPane1 td.col-left,#product-tab-content-3-Associations .Association td.col-left,.margin-form select.chosen{width:200px}
|
||||
.path_bar a,.cat_bar a{font-weight:700}
|
||||
a.module_toggle_all,#footer .footer_link,#footer .footer_link:hover{color:#268CCD}
|
||||
#upgradeNow,.button-autoupgrade{border-color:#FFF6D3 #DFD5AF #DFD5AF #FFF6D3;border-right:1px solid #DFD5AF;border-style:solid;border-width:1px;color:#268CCD;font-size:medium;padding:5px}
|
||||
.toolbar-placeholder,.tooltip{position:relative}
|
||||
.toolbarBox .process-icon-preview,.toolbarBox .process-icon-save-and-preview{background-image:url(../img/process-icon-preview.png)}
|
||||
.toolbarBox .process-icon-cancel,.toolbarBox .toolbar-cancel,.toolbarBox .process-icon-cancel{background-image:url(../img/process-icon-cancel.png)}
|
||||
.toolbarBox .process-icon-new,.toolbarBox .toolbar-new,.toolbarBox .process-icon-newAttributes,.toolbarBox .toolbar-new,.toolbarBox .process-icon-new,.toolbarBox .process-icon-newAttributes{background-image:url(../img/process-icon-new.png)}
|
||||
.toolbarBox .process-icon-save,.toolbarBox .process-icon-save,.toolbarBox .process-icon-save-settings{background-image:url(../img/process-icon-save.png)}
|
||||
.toolbarBox .process-icon-import,.toolbarBox .process-icon-export,.toolbarBox .process-icon-export-stock-state-quantities-csv,.toolbarBox .process-icon-export-csv-orders,.toolbarBox .process-icon-export-stock-mvt-csv{background-image:url(../img/process-icon-export-csv.png)}
|
||||
.toolbarBox .process-icon-export-all,.toolbarBox .process-icon-export-stock-state-prices-csv,.toolbarBox .process-icon-export-csv-details{background-image:url(../img/process-icon-export-csv-details.png)}
|
||||
.productTabs ul li.tab-row:first-child a,.sidebar ul.categorieList li:first-child{border-top:none}
|
||||
.product-tab-content h4.tab,.sidebar .categorieStatus{display:none}
|
||||
.filter-module #filternameForm,.filter-stock #stock_instant_state,.filter-stock-extended #stock_cover,.filter-stock-extended #supply_orders{float:left;margin-right:30px}
|
||||
.filter-module label,.filter-stock label,.filter-stock-extended label{width:auto}
|
||||
.filter-module .select-filter,.filter-stock .select-filter,.filter-stock-extended .select-filter,#statsContainer #calendar form,#referrersContainer #calendar form,#statsContainer #calendar input,#statsContainer #calendar p,#referrersContainer #calendar input,#referrersContainer #calendar p,#iframe #video-content,.view-modules li{float:left}
|
||||
.filter-module .button-filter,.filter-stock .button-filter,.filter-stock-extended .button-filter,#addons_login_div form#addons_login_form,#modules_list_container_tab .row-actions-module{float:right}
|
||||
#statsContainer #calendar input.submitDateDay,#referrersContainer #calendar input.submitDateDay,#statsContainer #calendar input.submitDateDayPrev,#referrersContainer #calendar input.submitDateDayPrev{border-right:none}
|
||||
#statsContainer #calendar input.submitDateYear,#referrersContainer #calendar input.submitDateYear,#statsContainer #calendar input.submitDateYearPrev,#referrersContainer #calendar input.submitDateYearPrev{border-left:none;margin-right:10px}
|
||||
#statsContainer .blocStats h2.icon-statscatalog span,#statsContainer .blocStats h2.icon-category span{background-position:-36px -16px}
|
||||
#moduleContainer .table tr th,#modules_list_container_tab table tr th,#modulePosition .table tr th{height:40px}
|
||||
#moduleContainer .table tr:first-child,#modules_list_container_tab table tr:first-child{border-top:1px solid #ccc}
|
||||
#moduleContainer .table tr td .imgm,#modules_list_container_tab .imgm,#modules_list_container_tab .imgm{width:32px}
|
||||
#moduleContainer .moduleDesc h3,#moduleContainer .moduleGridDesc h3,#modules_list_container_tab .moduleGridDesc h3{color:#3A6EA7;margin:0}
|
||||
#moduleContainer .moduleDesc .metadata,#modules_list_container_tab .moduleDesc .metadata{display:block;float:left;margin:5px 0}
|
||||
#moduleContainer .moduleDesc .metadata dl,#modules_list_container_tab .moduleDesc .metadata dl{float:left;margin:0;padding-right:10px}
|
||||
#moduleContainer .moduleDesc .metadata dl dt,.moduleDesc .metadata dl dd,#modules_list_container_tab .moduleDesc .metadata dl dt,.moduleDesc .metadata dl dd{float:left;margin:0;padding:0}
|
||||
#moduleContainer .moduleDesc .metadata dl dd,#modules_list_container_tab .moduleDesc .metadata dl dd{padding-right:10px}
|
||||
#moduleContainer .moduleDesc .metadata dl dt,#modules_list_container_tab .moduleDesc .metadata dl dt{font-weight:700;padding-right:5px}
|
||||
#moduleContainer .setup.must-have,#modules_list_container_tab .setup.non-install,#modules_list_container_tab .setup.must-have{background-color:#ec7000}
|
||||
#moduleContainer .row-actions-module span,#modules_list_container_tab .row-actions-module span,.view-modules li img{padding-right:5px}
|
||||
#moduleContainer .row-actions-module span a,#modules_list_container_tab .moduleDesc,#modules_list_container_tab .row-actions-module span a,select#show_modules{font-size:12px}
|
||||
#moduleContainer ul.listing-grid-module,#modules_list_container_tab ul.listing-grid-module{margin:0;padding:0;position:relative}
|
||||
#moduleContainer ul.listing-grid-module li,#modules_list_container_tab ul.listing-grid-module li{border:1px solid #ccc;float:left;margin:10px;min-height:30px;padding:5px;width:400px}
|
||||
#moduleContainer .moduleGridDesc,#modules_list_container_tab .moduleGridDesc{display:block;height:30px;position:relative}
|
||||
#moduleContainer ul.listing-grid-module li select,#modules_list_container_tab ul.listing-grid-module li select{position:absolute;right:0;top:0}
|
||||
//root css
|
||||
*{font-family:Arial,Verdana,Helvetica,sans-serif}
|
||||
body{color:#000;font-size:12px;margin:0;padding:0}
|
||||
a img{border:0}
|
||||
a{color:#000;outline:0;text-decoration:none}
|
||||
a:hover{color:#222;text-decoration:none}
|
||||
a.link,a.link:hover{color:#999}
|
||||
p{color:#585A69;margin:.5em 0}
|
||||
hr{border:none;margin-bottom:10px;margin-top:10px;padding:0}
|
||||
h1{font-size:1.6em;margin:0 0 .67em}
|
||||
h2{font-size:1.4em}
|
||||
h3{font-size:1.1em}
|
||||
h5{font-size:.83em}
|
||||
h6{font-size:.67em}
|
||||
h3.blue{color:#268CCD}
|
||||
.red{color:red}
|
||||
form p{margin:.5em 0 0;padding:0 0 .5em}
|
||||
form sup{color:#C00;font-weight:700;vertical-align:text-top}
|
||||
form .simulate-disable-input{background-color:#ddd;border:1px solid #E0D0B1;color:#666;display:inline-block;font-size:12px;min-width:127px;padding:3px}
|
||||
.block-mail{margin:0 0 20px}
|
||||
.mail-form{color:#7F7F7F;font-size:.85em;margin:0 0 0 220px;width:auto}
|
||||
.label-subject{margin:0 0 10px;padding:0;text-align:left}
|
||||
.mails_field{background:none repeat scroll 0 0 #FFF;border:1px solid #CCC;font-size:1.1em;margin:20px 0;padding:0;position:relative}
|
||||
.mails_field h3{background:0 repeat-x scroll left top #ECECEC;color:#333;display:block;font-size:1em;margin:0;padding:10px 5px;text-align:left}
|
||||
.margin-form{color:#7F7F7F;font-size:.85em;padding:0 0 1em 260px}
|
||||
.margin-form .normal-text{color:#000;display:block;font-size:1.2em;padding-top:.2em}
|
||||
fieldset.width1 .margin-form{margin:0 0 1em 130px}
|
||||
fieldset img{padding:0 4px 0 0;vertical-align:bottom}
|
||||
label{float:left;font-weight:700;padding:.2em .5em 0 0;text-align:right;width:250px}
|
||||
#preview_import label{float:left;font-weight:700;padding:.2em 0 0;text-align:left;width:320px}
|
||||
label.t{clear:none;float:none;font-size:12px;font-weight:400;margin:0;padding:0 5px}
|
||||
label.child{clear:none;float:none;font-size:12px;font-weight:400;margin:0;padding:0}
|
||||
label.std{display:block;float:none;font-size:12px;font-weight:700;margin:0;text-align:right;width:170px}
|
||||
form div.std{margin-top:-2em}
|
||||
fieldset.width1 label{width:110px}
|
||||
input,textarea,option{color:#000;font-size:12px;margin:0;padding:0}
|
||||
input[type=text],input[type=password],input[type=file],textarea{padding:2px 4px}
|
||||
input[type=radio],input[type=checkbox]{background-color:transparent}
|
||||
input:focus,textarea:focus{border:1px solid #3293D6}
|
||||
select optgroup{background:#fff;color:#000;padding:2px}
|
||||
select optgroup option{color:#000;padding:0 9px}
|
||||
.lab_modules_positions{cursor:pointer;display:block;float:none;font-weight:400;padding:0;text-align:left;width:500px}
|
||||
.lab_modules{cursor:pointer;display:block;float:none;font-weight:400;padding-left:10px;text-align:left;width:500px}
|
||||
.lab_modules_positions img{float:left;height:32px;width:32px}
|
||||
#container{margin:0 auto 2em;text-align:left}
|
||||
#main{background:#fff;clear:left;min-height:600px}
|
||||
#content{padding:1.25em 1.25em .5em;position:relative}
|
||||
#news{border:1px solid #E0D0B1;width:640px}
|
||||
#help{border:1px solid #DFD5C3;float:right;font-size:.9em;padding:4px;width:150px}
|
||||
#image{background:#fff;border:1px solid #DFD5C3;float:none;font-size:.9em;padding:6px;text-align:center}
|
||||
#product_link{clear:right;float:right;font-size:.9em;margin-top:8px;padding:4px;text-align:center;width:240px}
|
||||
#nav{float:right;font-size:1.1em;font-weight:700;margin:1em 0;vertical-align:middle}
|
||||
#nav li{display:inline;list-style:none;margin:0 0 0 2em}
|
||||
#nav img{vertical-align:bottom}
|
||||
.warn .pico{margin:0;padding:0;vertical-align:middle}
|
||||
#content .alert{background-color:#FFE6E6;border-bottom:1px solid #DF7B7B;border-top:1px solid #DF7B7B;margin:0 0 15px;padding:10px 15px;width:auto}
|
||||
#content .warning{background-color:#FFEBCC;border-bottom:1px solid #F90;border-top:1px solid #F90;line-height:20px;margin:0 0 15px;padding:10px 20px}
|
||||
#unhook_button_position_bottom{overflow:hidden;padding-top:10px;width:100%}
|
||||
#unhook_button_position_top{overflow:hidden;width:100%}
|
||||
#content .conf,#content .warn,#content .error{color:#383838;font-size:12px;font-weight:400;line-height:20px;margin:0 0 10px;min-height:28px;padding:13px 5px 5px 40px}
|
||||
#content .conf img,#content .warn img,#content .error img{margin:0 5px 0 0}
|
||||
#content .error{background:#FFBABA url(../img/admin/icon-cancel.png) no-repeat scroll 6px 6px;border:1px solid #C00;color:#D8000C}
|
||||
#content .conf a,#content .warn a,#content .error a{color:#D8000C;font-weight:700}
|
||||
#ajax_confirmation .error{background:#FFBABA url(../img/admin/icon-cancel.png) no-repeat scroll 6px 6px;border:1px solid #C00;bottom:0;color:#D8000C;left:0;padding:20px 40px;position:fixed;width:100%}
|
||||
#ajax_confirmation .conf{background:#DFF2BF url(../img/admin/icon-valid.png) no-repeat scroll 6px 6px;border:1px solid #4F8A10;bottom:0;color:#4F8A10;left:0;padding:20px 40px;position:fixed;width:100%}
|
||||
#content .warn{background:#FEEFB3 url(../img/admin/icon-attention.png) no-repeat scroll 6px 6px;border:1px solid #9e6014;color:#9e6014}
|
||||
#content .warn ul li,#content .warn p,#content .warn a{color:#9e6014}
|
||||
#content .warn ul li label{color:#9e6014;font-weight:400}
|
||||
#content .error ol{clear:both;margin-top:5px;padding-bottom:0}
|
||||
#content .error ol li{font-weight:200;margin-left:30px}
|
||||
#content .confirm h3{background:url(../img/admin/ok.gif) no-repeat 0 0;padding:0 0 0 20px}
|
||||
#blockNewVersionCheck .warn h3{background:none;margin:0;padding:0 0 0 5px}
|
||||
.column{float:left;margin:0 50px 1.5em 0;padding:10px;text-align:center;width:173px}
|
||||
#col_1{background:#FF8C76 url(../img/admin/col_1.gif) no-repeat;color:#FFF;height:235px}
|
||||
#col_2{background:#FFC44F url(../img/admin/col_2.gif) no-repeat;color:#FFF;height:235px}
|
||||
#col_3{background:#8CFF70 url(../img/admin/col_3.gif) no-repeat;color:#FFF;height:235px}
|
||||
#news img{padding:0 6px 0 0;vertical-align:middle}
|
||||
#news .infos,#news .content{font-family:Arial,Helvetica,sans-serif;font-weight:400;margin:0;padding:4px}
|
||||
.table tr.last td{border-bottom:none}
|
||||
.footer_link,.footer_link:hover{color:#812143;font-weight:700;text-decoration:underline}
|
||||
h3.title{border:none;clear:both;margin:0;padding:4px 10px}
|
||||
h3.subtitle{color:#FF8D42;font-size:1.2em}
|
||||
p.infos{float:right;font-size:.9em;line-height:1em;margin:0;padding:0;vertical-align:top}
|
||||
.width1{width:350px}
|
||||
.width2{width:500px}
|
||||
.width3{width:600px}
|
||||
.width4{width:745px}
|
||||
.width5{width:655px}
|
||||
tr.deleted td{background-color:#EEE}
|
||||
.contextnav{border:1px solid #E0D0B1;line-height:1.3em;margin:10px 0;padding:3px 6px}
|
||||
.contextnav img{vertical-align:text-top}
|
||||
.contextnavleft{float:left;width:6em}
|
||||
.contextnavcenter a,.contextnavcenter b{letter-spacing:6pt}
|
||||
.contextnavright{float:right;text-align:right;width:6em}
|
||||
.hidden{border-color:#fff;border-style:solid;border-width:1px 0 0;height:1px}
|
||||
.flatclear{clear:both;height:0;line-height:0}
|
||||
.space{margin-top:13px}
|
||||
.pspace{padding-top:1em}
|
||||
.double-space{margin-top:2em}
|
||||
.space-bottom{margin-bottom:1em}
|
||||
.double-bottom-space{margin-bottom:2em}
|
||||
.center{text-align:center!important}
|
||||
.right{text-align:right}
|
||||
.small{font-size:.85em}
|
||||
.uppercase{text-transform:uppercase}
|
||||
.highlight{background-color:#FF6;font-weight:700}
|
||||
.discount_name{background:#FFEBCC;padding:2px;text-transform:uppercase}
|
||||
.displayed_flag{float:left;margin:4px 0 0 4px}
|
||||
.language_flags{background:#FFF;border:1px solid #555;display:none;float:left;margin:4px;padding:8px;width:80px}
|
||||
.pointer{cursor:pointer}
|
||||
.imgm{margin:3px 0}
|
||||
.green{color:#228B22}
|
||||
.bullet{display:list-item;list-style:disc;margin-left:30px}
|
||||
#ajax_confirmation{padding-bottom:6px;padding-top:3px}
|
||||
.hint{background:#BDE5F8 url(../img/admin/icon-info.png) no-repeat 6px 5px;border:1px solid #00529B;color:#00529B;display:none;margin-bottom:2px;margin-top:4px;min-height:15px;padding:15px 5px 15px 40px;position:absolute;z-index:10}
|
||||
.hint p{color:#00529B}
|
||||
.hint .addImageDescription{font-size:16px;font-weight:700}
|
||||
div.hint ul li{color:#00529B;padding-left:5px}
|
||||
table tr th .hint{background:#FFFBE5 url(../img/admin/icon-info.png) no-repeat 6px 5px;border:1px solid #ECE52F;color:#383838;display:none;margin:30px 5px 5px;padding:8px 6px 8px 34px;position:absolute;width:400px}
|
||||
.hintGroup{background:#DDE9F7 url(../img/admin/help2.png) no-repeat 6px 5px;border:1px solid #50B0EC;color:#383838;margin-bottom:10px;margin-top:10px;padding:8px 6px 8px 40px;position:relative}
|
||||
.hint .hint-pointer{height:19px;left:-10px;position:absolute;top:5px;width:10px}
|
||||
#flagsLanguage img{margin-bottom:-4px;padding:3px}
|
||||
#flagsLanguage .selected_language{border:1px solid #BBB;margin-bottom:-4px;padding:2px}
|
||||
.disable,.disable:hover{background-color:#CCC;color:#AAA}
|
||||
.ajax-warning,.ajax-success,.ajax-error{border:1px solid #CCC;margin:5px;padding:5px 20px;width:70%}
|
||||
.ajax-warning{background-color:#FFBD6F}
|
||||
.ajax-success{background-color:#9FDF8B}
|
||||
.ajax-error{background-color:#FF7F84}
|
||||
.ajax-loader{margin:5px 10px}
|
||||
.productFieldComment{color:#7F7F7F;font-size:.8em}
|
||||
a.confirm_yes,a.confirm_no{border-style:solid;border-width:1px;color:#FFF;font-weight:700;margin-left:60px;padding:10px;text-align:center;width:50px}
|
||||
a.confirm_yes{background-color:red;border-color:red}
|
||||
a.confirm_no{background-color:green;border-color:green}
|
||||
form#import_form{margin-bottom:20px;margin-left:15px;padding-bottom:22px}
|
||||
.table_overflow{height:500px;overflow:auto;width:900px}
|
||||
.new_message{background-color:#FFE35C}
|
||||
.myDragClass{background-color:#FA5}
|
||||
.dragHandle{cursor:move}
|
||||
p#mailResultCheck{font-size:12px;margin:2px 0;padding-left:18px}
|
||||
p.ok{background:url(../img/admin/enabled.gif) no-repeat top left;color:green}
|
||||
p.fail{background:url(../img/admin/disabled.gif) no-repeat top left;color:red;font-weight:700}
|
||||
#lang_pack_msg{border:1px solid #DFD5C3;margin-bottom:10px;padding:10px}
|
||||
span.defaultSkin .mceToolbar{height:auto}
|
||||
table.permissions{border:1px solid #DFD5C3}
|
||||
table.permissions th{background:#FFF6D3;height:20px;text-align:center}
|
||||
table.permissions td{padding:5px;text-align:center}
|
||||
.path_bar{background-color:#EFEFEF;font-family:Arial;font-size:13px;margin-bottom:20px;padding:5px}
|
||||
.adminHeader h1{color:#812143;font-family:Arial;font-size:18pt;margin:0}
|
||||
#adminHeader hr{background-color:#812143;margin:0}
|
||||
#header_shoplist{background-image:url(../img/t/AdminShop.gif);background-position:0 3px;background-repeat:no-repeat;height:20px;padding-left:17px}
|
||||
#header_shoplist select.shopList option{padding:2px}
|
||||
#header_shoplist select.shopList .first{background-color:#408BD5;color:#fff;font-weight:700}
|
||||
#header_shoplist select.shopList .group{background-color:#C6DEFC;font-style:italic;font-weight:700;padding-left:10px}
|
||||
#header_shoplist select.shopList .shop{background-color:#EAF2FC;padding-left:20px}
|
||||
.multishop_info{background:#BDE5F8 url(../img/admin/icon-info.png) no-repeat 6px 5px;border:1px solid #00529B;color:#00529B;margin-bottom:10px;margin-top:4px;min-height:32px;padding:13px 5px 0 40px}
|
||||
.assoShop{max-height:300px;max-width:600px;overflow:auto;width:100%}
|
||||
.clearfix:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden}
|
||||
.clearfix{display:inline-block}
|
||||
* html .clearfix{height:1%}
|
||||
#adminHeader #help_img{float:right;margin-top:5px}
|
||||
#adminpresentation{position:relative;width:100%}
|
||||
#listpresentation{float:left;width:100px}
|
||||
#iframe{background:#DDD;border:1px solid #666;float:left;height:220px;margin:10px;width:450px}
|
||||
#list_video{float:left;width:220px}
|
||||
#list_video h3{color:#882F4F;font-size:12pt;margin:0;padding-top:25px}
|
||||
#list_video ul{margin:0;padding:0;text-align:left}
|
||||
#list_video ul li{float:left;margin-top:5px;padding-left:25px;text-decoration:underline;width:195px}
|
||||
#footer{padding-top:5px}
|
||||
#footer_iframe_home{position:absolute;right:0;top:0}
|
||||
#footer_iframe_home label{color:#585A69;float:none;font-weight:400;line-height:15px}
|
||||
#footer_iframe_home input{margin-left:10px}
|
||||
#footer_iframe_home a{color:#903E5B;float:right;margin:0 15px 0 0;text-decoration:underline}
|
||||
#column_left{float:left;padding-top:5px;width:49.1%}
|
||||
#column_right{float:right;padding:0;width:49.1%}
|
||||
#column_right .table_info{float:left;width:48.1%}
|
||||
#column_right #table_info_last.table_info{float:right;width:48.1%}
|
||||
.F_list{list-style:none;margin:0;padding:0}
|
||||
#first_block a,#second_block a,#third_block a,#fourth_block a,#fifth_block a,#sixth_block a,#seventh_block a,#eighth_block a{background:#F8F8F8 none no-repeat scroll center 25px}
|
||||
#first_block a{background-image:url(../img/admin/package_go.png)}
|
||||
#second_block a{background-image:url(../img/admin/cart_add.png)}
|
||||
#third_block a{background-image:url(../img/admin/book.png)}
|
||||
#fourth_block a{background-image:url(../img/admin/package_add.png)}
|
||||
#fifth_block a{background-image:url(../img/admin/plugin_add.png)}
|
||||
#sixth_block a{background-image:url(../img/admin/cart_remove.png)}
|
||||
#seventh_block a{background-image:url(../img/admin/page_white_add.png)}
|
||||
#eighth_block a{background-image:url(../img/admin/abandonedcart.png)}
|
||||
.F_list li{display:block;float:left;margin-bottom:15px;margin-right:15px}
|
||||
.F_list li h4{font-size:11px;font-weight:400;line-height:15px;margin-bottom:0;margin-top:55px;width:95px}
|
||||
.F_list a{border:1px solid #ccc;color:#333;float:left;height:95px;padding:5px;text-align:center;width:95px}
|
||||
.F_list a:hover{border:1px solid #666}
|
||||
.F_list li p{display:none;font-size:8pt}
|
||||
.table_info{background-color:#fff;border:1px solid #ccc;float:left;margin:0;padding:0}
|
||||
.table_info h5{background:#ECECEC;color:#000;display:block;font-size:16px;font-weight:400;margin:0;padding:6px}
|
||||
.table_info h5 a,.admin-box1 h5 a{color:#000;float:right;font-size:8pt;font-weight:400;padding-right:10px;text-decoration:underline}
|
||||
.admin-box2 h5 a{color:#FFF;float:right;font-size:8pt;font-weight:400;padding-right:10px;text-decoration:underline}
|
||||
.admin-box1 a#optimizationTipsFold img{padding:5px 0}
|
||||
#table_info_last{float:left;margin-left:0}
|
||||
.table_info_details{border:none;border-collapse:collapse}
|
||||
.table_info_details tr{border:none;color:#000;font-weight:700;height:30px;padding-left:5px;text-align:center;width:100%}
|
||||
.tr_odd{background-color:#eff4f9}
|
||||
.table_info_details tr td.td_align_left{font-size:13px;font-weight:400;padding-left:10px;text-align:left}
|
||||
.table_info_details tr td{font-size:16px;padding-right:10px;text-align:right;white-space:nowrap}
|
||||
#table_info_large{background-color:#fff;border:1px solid #ccc;float:left;margin-bottom:20px;margin-top:20px;padding:0;width:100%}
|
||||
#table_info_large h5{background:#ECECEC;color:#000;display:block;font-size:12pt;font-weight:400;line-height:29px;margin:0;padding-left:15px}
|
||||
#table_info_large h5 a{color:#000;float:right;font-size:8pt;font-weight:400;padding-right:8px;text-decoration:underline}
|
||||
#stat_google{background-color:#fff;height:175px;margin:15px auto;text-align:center;width:586px}
|
||||
.admin-box1{background-color:#F8F8F8;border:1px solid #ccc;float:left;font-size:8pt;margin-bottom:20px;padding:0;width:48.1%}
|
||||
.admin-box2{background-color:#f2f2f2;border:1px solid #CCC;float:right;font-size:8pt;margin-bottom:20px;padding:0;width:100%}
|
||||
#discover_prestashop{float:right!important;width:48.1%!important}
|
||||
.admin-home-box-list li img{margin:0 5px}
|
||||
.admin-home-box-list{list-style:none;margin:0;padding-left:0}
|
||||
#prestashop_link{background:transparent none no-repeat 0 0}
|
||||
.admin-home-box-list li{margin:1px;padding:5px 0}
|
||||
#prestashop_link li{height:58px;margin:0}
|
||||
.admin-home-box-list li p{font-family:Georgia, 'Lucida Grande', Arial;font-size:13px;font-style:italic;margin:2px 0;padding:0 5px 0 15px}
|
||||
.admin-home-box-list li a{color:#812143;font-size:12px;line-height:18px;text-align:left}
|
||||
#prestashop_link li a{color:#3A6EA7;float:left;font-size:8.5pt;font-weight:700;line-height:18px;margin-left:15px;text-align:left;text-decoration:underline}
|
||||
#table_customer{background-color:#fff;border:1px solid #ccc;border-spacing:0;padding:0}
|
||||
#table_customer thead span{background:#ECECEC;border-left:none;border-right:none;color:#000;display:block;height:39px;line-height:35px}
|
||||
#order_id{text-align:center;width:52px}
|
||||
#order_customer{width:175px}
|
||||
#order_status{width:130px}
|
||||
#order_total{width:100px}
|
||||
#table_customer tbody{font-size:8pt}
|
||||
#table_customer tbody tr td.order_td_first{height:35px;padding:0;text-align:center}
|
||||
#table_customer tbody tr td{border:none;font-size:12px;height:35px}
|
||||
#table_info_news{border:1px solid #ccc;float:left;font-size:8pt;margin-top:20px;padding:1px;width:310px}
|
||||
#table_info_news h5{background-color:#7Ab51D;color:#FFF;font-size:12pt;line-height:29px;margin:0;padding-left:15px}
|
||||
#table_info_news h5 a{color:#FFF;float:right;font-size:8pt;font-weight:400;padding-right:10px;text-decoration:underline}
|
||||
#table_info_news ul{list-style:none outside none;margin:0;padding:0}
|
||||
#block_news_first{background-color:#E1EBD2;padding:5px}
|
||||
#block_news_first a{color:#812143;font-weight:700;line-height:18px;text-decoration:underline}
|
||||
#block_news_first p{line-height:12px;margin:0;padding-left:10px}
|
||||
#block_news_first p a{color:#812143;font-weight:700;margin-left:200px;margin-right:8px}
|
||||
#table_info_news ul li a{line-height:25px;margin:0;padding-left:10px;text-decoration:underline}
|
||||
.block_news_odd{background-color:#DEDEDE;line-height:25px}
|
||||
#see_newsletter{background:url(../img/admin/email.gif) no-repeat left center;margin-left:5px}
|
||||
#follow_on_facebook{background:url(../img/admin/facebook.jpg) no-repeat left center;margin-left:5px}
|
||||
#follow_on_twitter{background:url(../img/admin/twitter.jpg) no-repeat left center;margin-left:5px}
|
||||
#block_news_last ul li a{color:#812143;padding-left:20px}
|
||||
.viewed{background:url(../img/admin/enabled.gif) no-repeat left center}
|
||||
a.blue{color:blue}
|
||||
a.blue:hover{color:#00A}
|
||||
.cluetip-help-button{background:#F1F2F4 url(../img/admin/block_bg.jpg) repeat-x scroll left bottom;background-color:#FFF;border:1px solid gray;padding:10px;text-align:left;width:auto}
|
||||
.ac_results ul{background:#FFF;list-style:none;padding:0;text-align:left}
|
||||
.ac_results li{padding:5px}
|
||||
.ac_even{background:#EFEFEF}
|
||||
.ac_over{background:#ECEADE;color:#585A69}
|
||||
.button-translate{cursor:pointer;height:15px;margin:0 0 0 10px;padding:0;width:15px}
|
||||
#importList label{float:none}
|
||||
#importList ul{list-style-type:none}
|
||||
.multishop_config{margin-left:-10px;position:absolute}
|
||||
.multishop_config div{background-color:#DFFAD3;border:1px solid #DFD5C3;display:none;margin-top:2px;padding:5px;width:200px}
|
||||
.multishop_product_checkbox{position:absolute}
|
||||
a.action_module_delete{color:#CB1C00;margin-right:30px;text-decoration:underline}
|
||||
.select_theme{border:1px solid #FFFFF0;color:#000;cursor:pointer;float:left;font-weight:700;margin:10px;padding:10px;text-align:center;width:220px}
|
||||
.select_theme_choice{background-color:#FAEEC2;border:1px dotted #000}
|
||||
fieldset .optionsDescription,fieldset p.description,.info{background:url(../img/admin/icon-info.png) no-repeat scroll 6px 6px #BDE5F8;border:1px solid #00529B;color:#00529B;font-family:Arial,Verdana,Helvetica,sans-serif;font-size:12px;margin-bottom:15px;min-height:32px;padding:10px 5px 5px 40px}
|
||||
fieldset .optionsDescription ul li{color:#00529B;margin:0;padding:0}
|
||||
p.product_description{clear:both;color:#7F7F7F;font-family:Georgia, Arial, sans-serif;font-style:italic;text-align:right}
|
||||
p.preference_description{clear:both;color:#7F7F7F;font-family:Georgia, Arial, sans-serif;font-size:11px;font-style:italic;text-align:left;width:500px}
|
||||
.preference_default_multishop{float:left;margin-top:4px;padding-right:5px}
|
||||
.multishop_warning{background-image:url(../img/admin/warning.gif);background-repeat:no-repeat;color:#FE2744;font-weight:700;padding-left:22px;padding-top:1px}
|
||||
.warning_mod_rewrite{background:#FEEFB3 url(../img/admin/warning.gif) 2px 0 no-repeat;color:#9E6014;font-weight:700;height:20px;line-height:20px;padding:2px 5px 2px 22px}
|
||||
label.conf_title{width:235px}
|
||||
input.disable_me[disabled=disabled]{background-color:red}
|
||||
div.progressBarImage{float:left;height:15px;margin-left:3px;position:relative;width:233px}
|
||||
#showCounter{float:left;font-weight:700;margin-left:25px;margin-top:1px}
|
||||
#listImage{list-style:none outside none;margin-bottom:10px;margin-top:10px}
|
||||
#listImage li{clear:both;float:left;font-weight:700;margin-top:10px}
|
||||
#listImage li p.errorImg{background:none repeat scroll 0 0 #FAE2E3;border:1px solid #EC9B9B;clear:both;display:none;margin-bottom:18px;padding:6px}
|
||||
#progressBarImage div.ui-progressbar-value{height:100%}
|
||||
#createImageDescription ul.smallImage li{display:block;float:left;list-style-type:none;margin-bottom:15px;margin-right:20px;text-align:center}
|
||||
#menu .submenu_size .submenu{display:none;position:absolute}
|
||||
.submenu li{clear:left;float:none}
|
||||
#customers{display:block;position:relative}
|
||||
#customer_part #customers ul li{background-color:#fff;border:1px solid #ccc;display:inline;float:left;list-style-type:none;margin:10px;padding:5px;width:200px}
|
||||
#customer_part #customers ul li div.customerName{background-color:#eee;font-size:14px;padding:2px}
|
||||
#customer_part #customers ul li div.customerName .customerBirthday{float:right;font-size:12px}
|
||||
#customer_part #customers ul li div.customerEmail a{color:#666;display:block;font-size:12px;line-height:20px}
|
||||
#address_part #address_delivery,#address_part #address_invoice{float:left;width:400px}
|
||||
#address_part #address_delivery h3,#address_part #address_invoice h3{margin-top:0}
|
||||
#address_part #address_delivery{border-right:1px solid #ccc}
|
||||
#address_part #address_invoice{border-left:1px solid #fff;padding-left:20px}
|
||||
#address_part #address_delivery_detail,#address_invoice #address_invoice_detail{color:#585A69;font-size:12px;line-height:18px;padding:10px 0}
|
||||
#address_part a#new_address{clear:both;float:left;margin:20px 0}
|
||||
#summary_part b{border:1px solid red;display:block;float:left}
|
||||
#summary_part #total_products,#summary_part #total_vouchers,#summary_part #total_shipping,#summary_part #total_without_taxes,#summary_part #total_taxes,#summary_part #total_with_taxes{color:#000;font-size:20px;font-weight:400}
|
||||
#summary_part .currency_sign{font-weight:400}
|
||||
#summary_part .order_message_right{border-left:1px solid #ccc;float:left}
|
||||
#cart_summary{border-right:1px solid #fff;float:left;width:400px}
|
||||
#cart_summary ul li{float:left;margin-bottom:20px;padding:5px;position:relative;width:185px}
|
||||
#cart_summary ul li .total_cart{display:block;font-size:12px}
|
||||
#loader_container{background:transparent url(../img/bg_loader.png) repeat 0 0;display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:100}
|
||||
#loader{background:url(../img/loader.gif);color:#fff;display:none;height:24px;margin:0 auto;width:24px}
|
||||
ul.connectedSortable{padding-left:0}
|
||||
ul.connectedSortable li.module_list{background:#F6F6F6;border:1px solid #CCC;color:#1C94C4;font-size:1.2em;font-weight:700;margin:0 5px 5px;outline:none;padding:5px}
|
||||
.input-error{color:#D8000C;display:none;font-size:12px;font-weight:400;line-height:20px;margin:0 0 10px;padding:10px 15px}
|
||||
#CustomerThreadContacts div.blocSAV{background-color:#f8f8f8;border:1px solid #ccc;float:left;margin:0 10px 10px 0;min-height:178px;width:24%}
|
||||
#CustomerThreadContacts p{border-bottom:1px solid #ccc;border-top:1px solid #fff;font-family:Georgia,Arial, Helvetica;font-size:13px;font-style:italic;height:45px;line-height:18px;margin:0 auto;overflow:hidden;padding:10px;text-align:center}
|
||||
#CustomerThreadContacts .message-mail{border-top:1px solid #fff;display:block;margin:0 auto;padding:25px 10px;text-align:center}
|
||||
#CustomerThreadContacts h3{background:#ECECEC;border-bottom:1px solid #ccc;font-size:16px;font-weight:400;height:25px;line-height:25px;margin:0;overflow:hidden;padding:5px 10px}
|
||||
#CustomerThreadContacts a{border:0;display:block;height:23px;line-height:23px;padding:0 5px}
|
||||
#CustomerThreadContacts h4{border:0;height:23px;line-height:23px;margin:0;padding:0 5px}
|
||||
#CustomerThreadContacts div#CustomerService{background:none;border:none;float:left;width:24%}
|
||||
#CustomerThreadContacts div#CustomerService table.table thead{border:0;font-weight:700;height:23px;line-height:23px;margin:0;padding:0 5px;text-align:center}
|
||||
#CustomerThreadContacts div#CustomerService table.table tr td span{font-size:14px;font-weight:700}
|
||||
#ChangeStatus{float:right;margin:20px 20px 0 0;right:10px}
|
||||
#CustomerService table{border-collapse:collapse}
|
||||
#CustomerService .table tr.alt_row{background-color:#EFF4F9}
|
||||
div#scrollTop a{background:url(../img/admin/scroll_top.png);bottom:30px;display:none;height:40px;position:fixed;right:30px;width:40px}
|
||||
.loader{background-image:url(../img/loader.gif);color:#fff;display:none;height:128px;margin:450px 0 0 440px;width:128px}
|
||||
.category-filter{background-color:#dde0e9;min-height:20px;padding:5px 10px}
|
||||
.category-filter span{color:#585A69;float:left;line-height:18px}
|
||||
.category-filter a{color:#585A69;float:left;line-height:20px;padding:0 5px}
|
||||
.category-filter #filternameForm{color:#585A69;float:left;margin-left:10px}
|
||||
.current-edit{background-color:#E9F1F6}
|
||||
.edit-note{height:100px;width:98%}
|
||||
.payment_information{background-color:#BDE5F8}
|
||||
#conditions .condition_separator{font-size:16px;margin:10px 0}
|
||||
#conditions a#add_condition_group{font-size:16px}
|
||||
#conditions #condition_list .row{background-color:transparent;height:25px;padding:10px 0;position:relative}
|
||||
#conditions #condition_list select{float:left;margin-right:10px;width:200px}
|
||||
.container-command-top-spacing{margin-top:25px}
|
||||
.bloc-command{background-color:#EBEDF4;border:1px solid #CCCED7;margin-bottom:10px}
|
||||
.button-command{float:right;padding:10px}
|
||||
.button-command-prev-next{float:right;margin-bottom:10px;margin-right:10px}
|
||||
.history-status tr th{background:#eee none}
|
||||
.metadata-command dl{float:left;margin-left:10px}
|
||||
.metadata-command dl dt,.metadata-command dl dd{color:#585A69;float:left;margin:0;padding-right:10px}
|
||||
#content #customers .warn{margin:10px 0 0}
|
||||
#customers li{background-color:#ABDFF7;border:1px solid #ccc;float:left;margin:5px;padding:5px}
|
||||
#customers li .button{display:block;margin-top:5px}
|
||||
#container-customer h2{color:#000;font-weight:400;margin:0}
|
||||
#container-customer h2 img{margin-right:5px}
|
||||
#container-customer .info-customer-left{border-right:1px solid #fff;float:left;min-height:120px;padding-right:15px;width:47%}
|
||||
#container-customer .info-customer-right{border-left:1px solid #ccc;float:left;min-height:120px;padding-left:15px;width:49%}
|
||||
#container-customer .info-customer-left h2,#container-customer .info-customer-right h2{margin-bottom:7px}
|
||||
.infoCustomer dl{margin:7px 0}
|
||||
.infoCustomer dl dt{float:left;font-weight:700;padding-right:5px}
|
||||
#container-carts{background-color:#EBEDF4;border:1px solid #CCCED7;padding:10px}
|
||||
#cart_rule_form h4{font-size:18px;font-weight:400;margin-top:0}
|
||||
#ajax_running{background-color:#FFF1A8;border:1px solid #FFD96F;color:#000;display:none;font-size:14px;font-weight:700;left:40%;padding:5px 20px;position:fixed;top:0;width:300px;z-index:10000}
|
||||
#container_category_tree{border:1px solid #ccc;padding:5px}
|
||||
#container_category_tree a input{margin-right:3px}
|
||||
#block_discover{float:left;width:48.1%}
|
||||
.row-news{float:left;width:100%}
|
||||
.multishop-left{background-color:#F9F9F9;border:1px solid #CCCED7;float:left;max-height:400px;min-height:200px;overflow:auto;padding:3px;width:250px}
|
||||
.multishop-left .multishop-title{background-color:#F0F0F0;border-bottom:1px solid #CCCED7;color:#333;font-size:14px;font-weight:700;padding:2px;text-align:left;width:247px}
|
||||
.multishop-right{margin-left:270px}
|
||||
#multishop-tree{background-color:#F9F9F9;font-size:13px;margin-top:3px}
|
||||
#multishop-tree a.selected{background-color:#49B2FF;color:#FFF;padding:3px}
|
||||
.datepicker{position:relative;z-index:20}
|
||||
#BoxUseSpecialSyntax{bottom:50px;display:none;position:fixed;width:100%;z-index:10}
|
||||
#BoxUseSpecialSyntax .warn{margin:0 auto;width:500px}
|
||||
#BoxUseSpecialSyntax ul{list-style-type:disc;margin-left:30px}
|
||||
.id_customization .customization_field{min-width:205px;width:205px}
|
||||
#carrier_wizard.swMain{display:block;float:left;margin:0;min-width:980px;padding:0;position:relative;width:100%}
|
||||
#carrier_wizard.swMain .stepContainer{clear:both;display:block;margin:0;overflow:hidden;padding:0;position:relative}
|
||||
#carrier_wizard.swMain .stepContainer div.content{clear:both;display:block;float:left;margin:0;overflow:visible;padding:0;position:absolute;text-align:left;width:100%;z-index:88}
|
||||
#carrier_wizard.swMain div.actionBar{background-color:#f7f8f7;border:1px solid #caccca;clear:both;display:block;height:37px;margin-bottom:20px;overflow:auto;padding:0;position:relative;text-align:left;z-index:88}
|
||||
#carrier_wizard.swMain .stepContainer .StepTitle{clear:both;display:block;margin:0;padding:5px;position:relative;text-align:left;z-index:88}
|
||||
#carrier_wizard.swMain ul.anchor{clear:both;display:block;float:left;list-style:none;margin:0 0 10px;padding:0;position:relative;width:100%}
|
||||
#carrier_wizard.swMain ul.anchor li{display:block;float:left;margin:0;padding:0;position:relative}
|
||||
#carrier_wizard.swMain ul.nbr_steps_4.anchor li{width:25%}
|
||||
#carrier_wizard.swMain ul.nbr_steps_5.anchor li{width:20%}
|
||||
#carrier_wizard.swMain ul.anchor li a{display:block;height:32px;margin:0;outline-style:none;overflow:hidden;padding-right:25px;position:relative;text-decoration:none;z-index:99}
|
||||
#carrier_wizard.swMain ul.anchor li a .stepNumber{color:#fffffe;float:left;font-size:30px;font-style:normal;font-weight:400;height:32px;line-height:32px;padding:0 5px;position:relative;text-align:center;width:24px}
|
||||
#carrier_wizard.swMain ul.anchor li a .stepDesc{display:table-cell;font-size:15px;height:32px;line-height:13px;position:relative;text-align:left;vertical-align:middle}
|
||||
#carrier_wizard.swMain ul.anchor li a.selected{background:#404956 url(../img/admin/steps-carrierwizard.png) no-repeat right -32px;color:#F8F8F8;cursor:text}
|
||||
#carrier_wizard.swMain ul.anchor li a.done,#carrier_wizard.swMain ul.anchor li.done.selected a.selected{background:url(../img/admin/steps-carrierwizard.png) right 0 no-repeat #3f4856;color:#FFF;position:relative;z-index:99}
|
||||
#carrier_wizard.swMain ul.anchor li a.disabled{background:url(../img/admin/steps-carrierwizard.png) right -64px no-repeat #cbcccb;color:#878787;cursor:text}
|
||||
#carrier_wizard.swMain .buttonDisabled{background-color:#CCC!important;border:1px solid #CCC!important;color:#F8F8F8!important;cursor:text}
|
||||
#carrier_wizard.swMain .buttonFinish{background-color:#5A5655;border:1px solid #5A5655;color:#FFF;display:block;float:right;margin:5px 10px 0 3px;outline-style:none;padding:5px;text-align:center;text-decoration:none;width:100px}
|
||||
#carrier_logo_block{margin:0;padding:0;position:absolute;right:10px}
|
||||
#carrier_wizard.swMain .msgBox{background-color:#FFD;border:1px solid #FFD700;color:#5A5655;display:none;float:left;margin:4px 0 0 5px;min-width:200px;padding:5px;position:relative;z-index:999}
|
||||
#carrier_wizard.swMain .msgBox .content{float:left;padding:0}
|
||||
#carrier_wizard.swMain .msgBox .close{border:1px solid #CCC;color:#CCC;display:block;float:right;margin:0 0 0 5px;outline-style:none;padding:0 2px;position:relative;text-align:center;text-decoration:none}
|
||||
#carrier_wizard.swMain .msgBox .close:hover{border:1px solid #EA8511;color:#EA8511}
|
||||
#carrier_wizard .border_top{border-top:solid 1px silver}
|
||||
#carrier_wizard .border_bottom{border-bottom:solid 1px silver}
|
||||
#carrier_wizard .border_left{border-left:solid 1px silver}
|
||||
#carrier_wizard .border_right{border-right:solid 1px silver}
|
||||
#carrier_wizard .border_all{border:solid 1px silver}
|
||||
#carrier_wizard input.field_error{background-color:#FCC;border:solid 1px red}
|
||||
#carrier_wizard .new_range,#carrier_wizard .validate_range{float:left;margin:35px 0 0 10px;width:130px}
|
||||
#carrier_wizard tr.fees_all{background:#CCC}
|
||||
#carrier_wizard #zones_table input[type=text]{width:45px}
|
||||
#carrier_wizard #fieldset_form{min-height:190px}
|
||||
#carrier_wizard #zone_ranges label{float:none;width:inherit}
|
||||
#carrier_wizard #step_carrier_summary label{width:40px}
|
||||
#carrier_wizard #step_carrier_summary .margin-form{padding-left:60px}
|
||||
#carrier_wizard #summary_zones,#carrier_wizard #summary_groups,#carrier_wizard #summary_shops{list-style:disc;margin-left:20px;margin-top:10px}
|
||||
#carrier_wizard .ranges_not_follow label{float:none;width:inherit}
|
||||
#carrier_wizard .ranges_not_follow{margin-bottom:0;width:300px}
|
||||
#carrier_wizard .assoShop{min-height:inherit}
|
||||
.float,span.defaultSkin table.mceLayout tr.mceFirst td,#customer_part #customers ul,#MeaningStatus,#CustomerThreadContacts div#MeaningStatus,#conditions #condition_list a{float:left}
|
||||
.floatr,#customer_part #customers ul li a.id_customer.button{float:right}
|
||||
a.link,.warn a,#content .conf a:hover,#content .warn a:hover,#content .error a:hover{text-decoration:underline}
|
||||
img,input{vertical-align:middle}
|
||||
.block,html[xmlns] .clearfix,#menu .submenu_size:hover > .submenu{display:block}
|
||||
.bold,.path_bar a,#customer_part #customers ul li div.customerName a,.metadata-command dl dd,#container_category_tree a{font-weight:700}
|
||||
legend,th,h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,sans-serif}
|
||||
form,#image img,.infoCustomer dl dd{margin:0;padding:0}
|
||||
.label-subject input,.mail-label table{width:555px}
|
||||
.style-themeModuleMail,.style-themeModuleName{background:#FFF6D3;border:1px solid #DFD5C3;cursor:pointer;font-size:12px;font-weight:700;margin:0;padding:.2em .5em;text-align:left}
|
||||
label:after,#help:after,#image:after,.clear{clear:both}
|
||||
#id_image_attr,#adminpresentation ul li{list-style:none}
|
||||
#content .error-inline,p.preference_description .light-warning{color:red;font-weight:700}
|
||||
#content .conf,#content .confirm{background:#DFF2BF url(../img/admin/icon-valid.png) no-repeat scroll 6px 6px;border:1px solid #4F8A10;color:#4F8A10}
|
||||
#content .warn h2,#table_customer thead th{margin:0}
|
||||
#content .warn h3,#content .error h3{background:url(../img/admin/warning.gif) no-repeat 0 0;padding:0 0 0 20px}
|
||||
.widthfull,#CustomerThreadContacts div#CustomerService table.table,.container-command{width:100%}
|
||||
.contextnavcenter,#table_customer thead span.first,.order_action,#carrier_wizard table td.center{text-align:center}
|
||||
.left,#fancybox-content,#customer_form #fieldset_0{text-align:left}
|
||||
.noborder,#CustomerService .table tr td{border:none}
|
||||
span.hint,div.hint{position:relative}
|
||||
.admin-box1 h5,.admin-box2 h5{background:#ECECEC;color:#333;font-size:12pt;font-weight:400;line-height:29px;margin:0;padding:0 0 0 15px}
|
||||
#order_line1,#block_news_last{background-color:#EFEFEF}
|
||||
#products_part #products_found,#vouchers_part #voucher_list,#vouchers_part #vouchers_err{display:none}
|
||||
#conditions .condition_group h3,#conditions #condition_list h4{margin:0 0 10px}
|
||||
#container-customer,#container-multishop{background-color:#EBEDF4;border:1px solid #CCCED7;color:#585A69;padding:10px}
|
||||
#block_tips,#block_partner_tips{float:right;width:48.1%}
|
||||
#carrier_wizard.swMain .buttonNext,#carrier_wizard.swMain .buttonPrevious{background-color:#5A5655;border:1px solid #5A5655;color:#FFF;display:block;float:right;margin:5px 3px 0;outline-style:none;padding:5px;text-align:center;text-decoration:none;width:100px}
|
||||
#carrier_wizard.swMain ul.anchor li a.done .stepNumber,#carrier_wizard.swMain ul.anchor li a.done .stepDesc{color:#A9B6C8}
|
||||
}
|
||||
@@ -1,49 +0,0 @@
|
||||
#nobootstrap a {
|
||||
line-height: normal; }
|
||||
#nobootstrap .categorieList a {
|
||||
line-height: 20px; }
|
||||
#nobootstrap p {
|
||||
line-height: normal; }
|
||||
#nobootstrap legend {
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
width: auto !important; }
|
||||
#nobootstrap label {
|
||||
font-size: 13px;
|
||||
display: inline;
|
||||
line-height: normal; }
|
||||
#nobootstrap .breadcrumb {
|
||||
padding: 0; }
|
||||
#nobootstrap select, #nobootstrap textarea, #nobootstrap input {
|
||||
height: auto !important;
|
||||
font-size: 12px !important;
|
||||
line-height: normal;
|
||||
margin-bottom: auto;
|
||||
font-family: Arial, Verdana, Helvetica, sans-serif;
|
||||
margin-bottom: 0 !important;
|
||||
width: auto; }
|
||||
#nobootstrap label, #nobootstrap input, #nobootstrap button, #nobootstrap select, #nobootstrap textarea {
|
||||
font-size: 12px;
|
||||
line-height: 13px; }
|
||||
#nobootstrap input[type="radio"], #nobootstrap input[type="checkbox"] {
|
||||
margin: 0; }
|
||||
#nobootstrap input[type="text"] {
|
||||
height: 14px !important; }
|
||||
#nobootstrap table.table {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
border-collapse: collapse; }
|
||||
#nobootstrap table.widthfull {
|
||||
width: 100%; }
|
||||
#nobootstrap .table th, #nobootstrap .table td {
|
||||
line-height: normal;
|
||||
vertical-align: middle;
|
||||
border-top: none; }
|
||||
#nobootstrap #header #header_search #bo_search_submit {
|
||||
height: 25px !important; }
|
||||
#nobootstrap [class^="icon-"], #nobootstrap [class*=" icon-"] {
|
||||
width: auto; }
|
||||
#nobootstrap .toolbarBox [class^="process-icon-"], #nobootstrap .toolbarBox [class*=" process-icon-"] {
|
||||
text-indent: -9000px;
|
||||
overflow: hidden; }
|
||||
@@ -1,54 +0,0 @@
|
||||
#nobootstrap
|
||||
a
|
||||
line-height: normal
|
||||
.categorieList a
|
||||
line-height: 20px
|
||||
p
|
||||
line-height: normal
|
||||
legend
|
||||
font-size: 13px
|
||||
line-height: 20px
|
||||
width: auto!important
|
||||
label
|
||||
font-size: 13px
|
||||
display: inline
|
||||
line-height: normal
|
||||
.breadcrumb
|
||||
padding: 0
|
||||
li
|
||||
line-height:normal
|
||||
select, textarea, input
|
||||
height: auto!important
|
||||
font-size: 12px!important
|
||||
line-height: normal
|
||||
margin-bottom: auto
|
||||
font-family: Arial,Verdana,Helvetica,sans-serif
|
||||
margin-bottom: 0!important
|
||||
width: auto
|
||||
label, input, button, select, textarea
|
||||
font-size: 12px
|
||||
line-height: 13px
|
||||
input[type="radio"], input[type="checkbox"]
|
||||
margin: 0
|
||||
input[type="text"]
|
||||
height: 14px!important
|
||||
table.table
|
||||
margin: 0
|
||||
padding: 0
|
||||
width: 100%
|
||||
border-collapse: collapse
|
||||
table.widthfull
|
||||
width: 100%
|
||||
.table thead th
|
||||
vertical-align:top
|
||||
.table th, .table td
|
||||
line-height: normal
|
||||
vertical-align: middle
|
||||
border-top: none
|
||||
#header #header_search #bo_search_submit
|
||||
height: 25px!important
|
||||
[class^="icon-"], [class*=" icon-"]
|
||||
width: auto
|
||||
.toolbarBox [class^="process-icon-"], .toolbarBox [class*=" process-icon-"]
|
||||
text-indent: -9000px
|
||||
overflow: hidden
|
||||
Reference in New Issue
Block a user