// fix menu + sass refacto
This commit is contained in:
Kevin Granger
@@ -0,0 +1,142 @@
|
||||
#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
|
||||
@@ -0,0 +1,226 @@
|
||||
//DASHBOARD
|
||||
|
||||
.size_s, .size_md, .size_l, .size_xl, .size_xxl
|
||||
font-family: $headings-font-family
|
||||
color: $main-color
|
||||
.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"
|
||||
|
||||
#dashboard
|
||||
section
|
||||
header
|
||||
padding: 3px 8px
|
||||
margin: 0 0 3px 0
|
||||
color: white
|
||||
font-size: 1.2em
|
||||
background-color: $brand-primary
|
||||
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
|
||||
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
|
||||
|
||||
#dashproducts
|
||||
header
|
||||
margin-bottom: 0
|
||||
nav
|
||||
border-bottom: solid 1px #ddd
|
||||
margin: 0 -11px
|
||||
ul
|
||||
margin: 0 -5px
|
||||
padding: 0
|
||||
text-decoration: none
|
||||
background-color: white
|
||||
li
|
||||
float: left
|
||||
li.active
|
||||
background-color: $brand-primary
|
||||
a
|
||||
color: white
|
||||
#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)
|
||||
@@ -0,0 +1,253 @@
|
||||
#nav-sidebar
|
||||
height: 100%!important
|
||||
z-index: 500
|
||||
float: left
|
||||
width: 240px
|
||||
background-color: $main-color
|
||||
border-right: 1px solid black
|
||||
ul.menu
|
||||
margin: 0
|
||||
padding: 0
|
||||
border-top: 1px black solid
|
||||
list-style: none
|
||||
li.maintab > a > i
|
||||
font-size: 20px
|
||||
@include border-radius(40px)
|
||||
height: 30px
|
||||
width: 30px
|
||||
color: white
|
||||
display: inline-block
|
||||
text-align: center
|
||||
line-height: 30px
|
||||
li:not(.active)
|
||||
ul
|
||||
display: none
|
||||
li.expanded
|
||||
span.submenu_expand
|
||||
@extend .icon-angle-up
|
||||
ul.submenu
|
||||
display: block
|
||||
li.active
|
||||
span.submenu_expand
|
||||
display: none
|
||||
> ul.menu > li.maintab
|
||||
position: relative
|
||||
&.active > a
|
||||
color: contrast-color($brand-primary, white, #333, 10%)
|
||||
background-color: $brand-primary
|
||||
i
|
||||
background-color: white
|
||||
&.active:hover > a
|
||||
color: contrast-color($main-color, white, #333, 10%)
|
||||
&:hover > a
|
||||
i
|
||||
background-color: white
|
||||
> a
|
||||
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, border, box-shadow)
|
||||
@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
|
||||
color: white
|
||||
span.submenu_expand
|
||||
position: absolute
|
||||
right: 10px
|
||||
top: 2px
|
||||
cursor: pointer
|
||||
@extend .icon-angle-down
|
||||
font-family: FontAwesome
|
||||
font-size: 24px
|
||||
font-weight: 100
|
||||
color: black
|
||||
@include text-shadow(lighten($main-color,10%) 1px 1px 0)
|
||||
background-color: transparent
|
||||
&:hover
|
||||
color: white
|
||||
@include text-shadow(darken($main-color,20%) -1px -1px 0)
|
||||
@media (max-width: $screen-tablet)
|
||||
display: none
|
||||
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%)
|
||||
|
||||
#nav-topbar
|
||||
position: fixed
|
||||
height: 28px
|
||||
top: 35px
|
||||
left: 80
|
||||
width: 100%
|
||||
z-index: 600
|
||||
background-color: white
|
||||
border-top: black solid 1px
|
||||
border-bottom: darken($secondary-color,20%) solid 1px
|
||||
ul.menu
|
||||
height: 28px
|
||||
margin: 0
|
||||
padding: 0
|
||||
display: block
|
||||
list-style: none
|
||||
> li
|
||||
height: 26px
|
||||
padding: 0
|
||||
margin: 0
|
||||
border-right: solid 1px #aaa
|
||||
list-style: none
|
||||
position: relative
|
||||
float: left
|
||||
@include box-shadow(#ccc 0 -2px 0 inset)
|
||||
> a
|
||||
display: block
|
||||
line-height: 26px
|
||||
color: $main-color
|
||||
padding: 0 6px
|
||||
margin: 0
|
||||
i
|
||||
margin: 0
|
||||
width: 15px
|
||||
background-color: transparent
|
||||
font-size: 18px
|
||||
&:hover
|
||||
text-decoration: none
|
||||
background-color: $main-color
|
||||
color: white
|
||||
i
|
||||
color: white!important
|
||||
&.active
|
||||
border-right: solid 1px black
|
||||
> a
|
||||
color: contrast-color($main-color, white, #333, 10%)
|
||||
background-color: $main-color
|
||||
i
|
||||
color: white!important
|
||||
.menu-collapse
|
||||
display: none
|
||||
ul.submenu
|
||||
display: none!important
|
||||
@include box-shadow(rgba(black,0.3) 0 2px 4px)
|
||||
> ul.menu > li.expanded
|
||||
ul.submenu
|
||||
display: block!important
|
||||
> ul.menu > li
|
||||
ul.submenu
|
||||
display: none!important
|
||||
position: absolute
|
||||
margin: 0
|
||||
padding: 0
|
||||
left: 0
|
||||
top: 26px
|
||||
border-top: solid 1px darken($main-color,10%)
|
||||
width: 200px!important
|
||||
li
|
||||
width: 200px
|
||||
padding: 0
|
||||
list-style: none
|
||||
a
|
||||
display: block
|
||||
padding: 4px 5px 4px 10px
|
||||
font-size: 12px
|
||||
background-color: white
|
||||
border-bottom: solid 1px #eee
|
||||
&: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%)
|
||||
|
||||
.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: 63px
|
||||
#content
|
||||
margin-left: 0
|
||||
width: 100%
|
||||
.page-head h2.page-title
|
||||
padding: 0 0 0 20px
|
||||
|
||||
.page-sidebar-closed
|
||||
#nav-sidebar
|
||||
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
|
||||
@@ -0,0 +1,76 @@
|
||||
//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: #9DC44B //vert pomme
|
||||
//$secondary-color: #6992AF //theme wordpress
|
||||
//$secondary-color: #8BC954 //vert PrestaShop
|
||||
//$secondary-color: #AB7073
|
||||
//$secondary-color: black
|
||||
|
||||
$brand-primary: #89AFE5
|
||||
//$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
|
||||
File diff suppressed because one or more lines are too long
@@ -1,88 +1,8 @@
|
||||
//$brand-primary: #1BA6E5
|
||||
|
||||
|
||||
//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: #9DC44B //vert pomme
|
||||
//$secondary-color: #6992AF //theme wordpress
|
||||
//$secondary-color: #8BC954 //vert PrestaShop
|
||||
$secondary-color: #AB7073
|
||||
|
||||
$brand-primary: #89AFE5
|
||||
|
||||
//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
|
||||
|
||||
@import "theme-colors"
|
||||
@import "compass"
|
||||
@import "bootstrap/variables"
|
||||
@import "bootstrap"
|
||||
@import "font-awesome"
|
||||
@import "toggle-switch"
|
||||
|
||||
//@import url("//fonts.googleapis.com/css?family=Ubuntu:300|Open+Sans")
|
||||
|
||||
html, body
|
||||
height: 100%
|
||||
@@ -258,262 +178,6 @@ html, body
|
||||
.nav-tabs > li > a
|
||||
color: #333
|
||||
|
||||
#nav-sidebar
|
||||
height: 100%!important
|
||||
z-index: 500
|
||||
float: left
|
||||
width: 240px
|
||||
background-color: $main-color
|
||||
border-right: 1px solid black
|
||||
.menu
|
||||
border-top: 1px black solid
|
||||
.maintab > a > i
|
||||
font-size: 20px
|
||||
@include border-radius(40px)
|
||||
height: 30px
|
||||
width: 30px
|
||||
color: white
|
||||
display: inline-block
|
||||
text-align: center
|
||||
line-height: 30px
|
||||
ul
|
||||
margin: 0
|
||||
padding: 0
|
||||
li
|
||||
list-style: none
|
||||
li:not(.active)
|
||||
ul
|
||||
display: none
|
||||
li.expanded
|
||||
.submenu_expand
|
||||
@extend .icon-angle-up
|
||||
ul
|
||||
display: block
|
||||
background-color: white
|
||||
li.active
|
||||
.submenu_expand
|
||||
display: none
|
||||
> ul
|
||||
> li
|
||||
position: relative
|
||||
&.active > a
|
||||
color: contrast-color($brand-primary, white, #333, 10%)
|
||||
background-color: $brand-primary
|
||||
i
|
||||
background-color: white
|
||||
&.active:hover > a
|
||||
color: contrast-color($main-color, white, #333, 10%)
|
||||
&:hover > a
|
||||
i
|
||||
background-color: white
|
||||
> a
|
||||
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, border, box-shadow)
|
||||
@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
|
||||
color: white
|
||||
.submenu_expand
|
||||
position: absolute
|
||||
right: 10px
|
||||
top: 2px
|
||||
cursor: pointer
|
||||
@extend .icon-angle-down
|
||||
font-family: FontAwesome
|
||||
font-size: 24px
|
||||
font-weight: 100
|
||||
color: black
|
||||
@include text-shadow(lighten($main-color,10%) 1px 1px 0)
|
||||
background-color: transparent
|
||||
&:hover
|
||||
color: white
|
||||
@include text-shadow(darken($main-color,20%) -1px -1px 0)
|
||||
@media (max-width: $screen-tablet)
|
||||
display: none
|
||||
ul.submenu
|
||||
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%)
|
||||
|
||||
#nav-topbar
|
||||
position: fixed
|
||||
height: 28px
|
||||
top: 35px
|
||||
left: 80
|
||||
width: 100%
|
||||
z-index: 600
|
||||
background-color: white
|
||||
border-top: black solid 1px
|
||||
border-bottom: darken($secondary-color,20%) solid 1px
|
||||
ul.menu
|
||||
height: 28px
|
||||
margin: 0
|
||||
padding: 0
|
||||
display: block
|
||||
list-style: none
|
||||
> li
|
||||
border-right: solid 1px #aaa
|
||||
height: 26px
|
||||
padding: 0
|
||||
margin: 0
|
||||
list-style: none
|
||||
position: relative
|
||||
float: left
|
||||
@include box-shadow(#ccc 0 -2px 0 inset)
|
||||
> a
|
||||
display: block
|
||||
line-height: 26px
|
||||
color: $main-color
|
||||
padding: 0 6px
|
||||
margin: 0
|
||||
i
|
||||
margin: 0
|
||||
width: 15px
|
||||
background-color: transparent
|
||||
font-size: 18px
|
||||
&:hover
|
||||
text-decoration: none
|
||||
background-color: $main-color
|
||||
color: white
|
||||
i
|
||||
color: white!important
|
||||
&.active
|
||||
border-right: solid 1px black
|
||||
> a
|
||||
color: contrast-color($main-color, white, #333, 10%)
|
||||
background-color: $main-color
|
||||
i
|
||||
color: white!important
|
||||
.menu-collapse
|
||||
display: none
|
||||
ul.submenu
|
||||
display: none!important
|
||||
@include box-shadow(rgba(black,0.3) 0 2px 4px)
|
||||
> ul.menu > li.expanded
|
||||
ul.submenu
|
||||
display: block!important
|
||||
> ul.menu > li
|
||||
ul.submenu
|
||||
display: none!important
|
||||
position: absolute
|
||||
margin: 0
|
||||
padding: 0
|
||||
left: 0
|
||||
top: 26px
|
||||
border-top: solid 1px darken($main-color,10%)
|
||||
width: 200px!important
|
||||
li
|
||||
width: 200px
|
||||
padding: 0
|
||||
list-style: none
|
||||
a
|
||||
display: block
|
||||
padding: 4px 5px 4px 10px
|
||||
font-size: 12px
|
||||
background-color: white
|
||||
border-bottom: solid 1px #eee
|
||||
&: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%)
|
||||
|
||||
.page-topbar
|
||||
#main
|
||||
padding-top: 64px
|
||||
#nav-sidebar
|
||||
display: none
|
||||
.page-head
|
||||
top: 63px
|
||||
#content
|
||||
margin-left: 0
|
||||
width: 100%
|
||||
.page-head h2.page-title
|
||||
padding: 0 0 0 20px
|
||||
|
||||
.page-sidebar-closed
|
||||
#nav-sidebar
|
||||
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
|
||||
|
||||
.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%)
|
||||
|
||||
// Tool bar
|
||||
.toolbar_btn
|
||||
position: relative
|
||||
@@ -1012,232 +676,6 @@ fieldset > .row
|
||||
.btn-group
|
||||
text-align: left
|
||||
|
||||
//DASHBOARD
|
||||
|
||||
.size_s, .size_md, .size_l, .size_xl, .size_xxl
|
||||
font-family: $headings-font-family
|
||||
color: $main-color
|
||||
.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"
|
||||
|
||||
#dashboard
|
||||
section
|
||||
header
|
||||
padding: 3px 8px
|
||||
margin: 0 0 3px 0
|
||||
color: white
|
||||
font-size: 1.2em
|
||||
background-color: $brand-primary
|
||||
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
|
||||
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
|
||||
|
||||
#dashproducts
|
||||
header
|
||||
margin-bottom: 0
|
||||
nav
|
||||
border-bottom: solid 1px #ddd
|
||||
margin: 0 -11px
|
||||
ul
|
||||
margin: 0 -5px
|
||||
padding: 0
|
||||
text-decoration: none
|
||||
background-color: white
|
||||
li
|
||||
float: left
|
||||
li.active
|
||||
background-color: $brand-primary
|
||||
a
|
||||
color: white
|
||||
#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)
|
||||
|
||||
.tree
|
||||
padding: 0 0 0 20px
|
||||
@@ -1273,145 +711,7 @@ fieldset > .row
|
||||
color: #ccc
|
||||
background-color: none
|
||||
|
||||
#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
|
||||
@import "nav"
|
||||
@import "toggle-switch"
|
||||
@import "carrier-wizard"
|
||||
@import "dashboard"
|
||||
@@ -94,8 +94,13 @@ $( document ).ready(function() {
|
||||
}
|
||||
}
|
||||
|
||||
//todo add condition
|
||||
navTopbar();
|
||||
//init menu
|
||||
if ($('body').hasClass('page-sidebar')){
|
||||
navSidebar();
|
||||
} else if($('body').hasClass('page-topbar')) {
|
||||
navTopbar();
|
||||
}
|
||||
|
||||
|
||||
$('#header_shopname').on('click',
|
||||
function(e){
|
||||
|
||||
@@ -102,10 +102,10 @@
|
||||
{/if}
|
||||
</head>
|
||||
|
||||
<body class="page-topbar">
|
||||
<body class="page-sidebar">
|
||||
<!--
|
||||
<body>
|
||||
<body class="page-sidebar-closed">
|
||||
<body class="page-sidebar">
|
||||
<body class="page-sidebar page-sidebar-closed">
|
||||
<body class="page-topbar">
|
||||
-->
|
||||
{if $display_header}
|
||||
@@ -288,8 +288,8 @@
|
||||
{/if}
|
||||
|
||||
<div id="main">
|
||||
{include file='nav-top.tpl'}
|
||||
|
||||
{include file='nav.tpl'}
|
||||
|
||||
<div id="content" class="page-content">
|
||||
{if $display_header && $install_dir_exists}
|
||||
<div class="alert alert-warning">
|
||||
|
||||
@@ -1,39 +0,0 @@
|
||||
<nav id="nav-topbar" data-spy="affix" data-offset-top="0" role="navigation">
|
||||
{if !$tab}
|
||||
<div class="mainsubtablist" style="display:none"></div>
|
||||
{/if}
|
||||
<span class="menu-collapse">
|
||||
<i class="icon-align-justify"></i>
|
||||
</span>
|
||||
{if $controller_name != 'AdminLogin'}
|
||||
<ul class="menu">
|
||||
<li class="maintab {if $smarty.get.controller == 'AdminDashboard'}active{/if}">
|
||||
<a href="{$link->getAdminLink('AdminDashboard')|escape:'htmlall':'UTF-8'}" class="title">
|
||||
<i class="icon-AdminDashboard"></i>
|
||||
<span class="title">{l s='Dashboard'}</span>
|
||||
</a>
|
||||
</li>
|
||||
{foreach $tabs as $t}
|
||||
{if $t.active}
|
||||
<li class="maintab {if $t.sub_tabs}has_submenu{/if} {if $t.current}active{/if}" id="maintab{$t.id_tab}" data-submenu="{$t.id_tab}">
|
||||
<a href="{if count($t.sub_tabs) > 0}{$t.sub_tabs[0].href}{else}#{/if}" class="title" >
|
||||
<i class="icon-{$t.class_name}"></i>
|
||||
<span class="title">{if $t.name eq ''}{$t.class_name}{else}{$t.name}{/if}</span>
|
||||
</a>
|
||||
<ul class="submenu">
|
||||
{foreach from=$t.sub_tabs item=t2}
|
||||
{if $t2.active}
|
||||
<li {if $t2.current} class="active"{/if}>
|
||||
<a href="{$t2.href|escape:'htmlall':'UTF-8'}">
|
||||
{if $t2.name eq ''}{$t2.class_name}{else}{$t2.name|escape:'htmlall':'UTF-8'}{/if}
|
||||
</a>
|
||||
</li>
|
||||
{/if}
|
||||
{/foreach}
|
||||
</ul>
|
||||
</li>
|
||||
{/if}
|
||||
{/foreach}
|
||||
</ul>
|
||||
{/if}
|
||||
</nav>
|
||||
Reference in New Issue
Block a user