// breaking things
This commit is contained in:
Kevin Granger
File diff suppressed because it is too large
Load Diff
@@ -1,4 +1,4 @@
|
||||
//light
|
||||
//light #F7F7F7
|
||||
//$main-color: #DBD8CF //sable
|
||||
//$main-color: #CFD7DD //bleu
|
||||
//$main-color: #E0E0E0
|
||||
@@ -15,7 +15,8 @@
|
||||
//$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: white
|
||||
$main-color: #8C8574
|
||||
//$main-color: #8C8574
|
||||
$main-color: #3A3A4A
|
||||
|
||||
//$secondary-color: white //blanc
|
||||
//$secondary-color: #F5792B //orange
|
||||
@@ -36,7 +37,8 @@ $main-color: #8C8574
|
||||
//$secondary-color: #8BC954 //vert PrestaShop
|
||||
|
||||
//some tests
|
||||
$secondary-color: #79C09D
|
||||
$secondary-color: #00A89C
|
||||
//$secondary-color: #79C09D
|
||||
//$secondary-color: invert($main-color)
|
||||
//$secondary-color: lighten(invert($main-color),20%)
|
||||
//$secondary-color: adjust-hue($main-color, 80%)
|
||||
@@ -60,7 +62,7 @@ $bg-content-color: #F8F8F8 //gris
|
||||
$bg-header-color: #242424
|
||||
$bg-footer-color: #242424
|
||||
$bg-page-head-color : $secondary-color
|
||||
$bg-panel-heading-color: lighten($secondary-color,30%)
|
||||
$bg-panel-heading-color: hsl(hue($secondary-color), 20, 90)
|
||||
|
||||
//others
|
||||
$badge-notif-color: #EF1778
|
||||
@@ -68,6 +70,7 @@ $icon-color: #87C795
|
||||
|
||||
@import "compass"
|
||||
@import "bootstrap/variables"
|
||||
//@import "bootstrap.min.css"
|
||||
@import "bootstrap"
|
||||
@import "font-awesome"
|
||||
@import "toggle-switch"
|
||||
@@ -95,21 +98,22 @@ body.fixed-top
|
||||
#main
|
||||
min-height: 100%
|
||||
height: auto!important
|
||||
padding: 35px 0 60px
|
||||
margin: 0 0 -60px
|
||||
padding: 38px 0 60px
|
||||
margin: 0 0 -60px 0
|
||||
background-color: $bg-content-color
|
||||
|
||||
.container-fluid, .row-fluid
|
||||
width: 100%
|
||||
|
||||
#content
|
||||
min-height: 900px
|
||||
padding: 90px 20px 20px
|
||||
padding: 90px 20px 100px
|
||||
margin-left: 240px
|
||||
@include transition-property(margin)
|
||||
@include transition-duration(0.4s)
|
||||
@include transition-timing-function(ease-out)
|
||||
background-color: $bg-content-color
|
||||
background-image: url('../img/patterns/bedge_grunge.png') // texture
|
||||
|
||||
//overflow-x: scroll
|
||||
//background-image: url('../img/patterns/bedge_grunge.png') // texture
|
||||
fieldset, .panel
|
||||
padding: 20px
|
||||
margin-bottom: 20px
|
||||
@@ -120,12 +124,13 @@ body.fixed-top
|
||||
.panel-heading
|
||||
@extend h3
|
||||
h3, .panel-heading
|
||||
border: none
|
||||
height: 30px
|
||||
padding: 0 5px
|
||||
margin: -16px -16px 15px -16px
|
||||
line-height: 30px
|
||||
color: contrasted($bg-panel-heading-color)
|
||||
font-size: 1.2em
|
||||
line-height: 30px
|
||||
font-weight: 300
|
||||
text-transform: uppercase
|
||||
background-color: $bg-panel-heading-color
|
||||
@@ -157,26 +162,31 @@ body.fixed-top
|
||||
border: none
|
||||
border-bottom: solid 1px darken($bg-content-color,10%)
|
||||
@include box-shadow(white 0 0 0 1px inset)
|
||||
@media (max-width: $screen-tablet)
|
||||
margin-left: 0
|
||||
width: 100%
|
||||
|
||||
|
||||
.page-head
|
||||
width: 100%
|
||||
height: 65px
|
||||
padding: 5px 10px 0 0
|
||||
height: 55px
|
||||
padding: 0 10px 0 0
|
||||
margin: 0
|
||||
border-bottom: 4px solid darken($secondary-color,10%)
|
||||
position: fixed
|
||||
top: 37px
|
||||
top: 38px
|
||||
left: 0px
|
||||
z-index: 9000
|
||||
z-index: 499
|
||||
background-color: $secondary-color
|
||||
@include box-shadow(rgba(black,0.15) 0 7px 0, rgba(white,0.15) 0 -1px 0 inset)
|
||||
@include box-shadow(rgba(black,0.15) 0 7px 0)
|
||||
h2.page-title
|
||||
@extend .pull-left
|
||||
padding: 0 0 0 260px
|
||||
font-size: 20px
|
||||
line-height: 25px
|
||||
color: white
|
||||
text-transform: uppercase
|
||||
@media (max-width: $screen-tablet)
|
||||
padding: 0 0 0 20px
|
||||
.btn-toolbar
|
||||
margin: 0
|
||||
.nav-tabs
|
||||
@@ -188,11 +198,23 @@ body.fixed-top
|
||||
//background: #f5f5f5
|
||||
|
||||
#sidebar
|
||||
z-index: 9001
|
||||
height: 100%!important
|
||||
z-index: 500
|
||||
float: left
|
||||
width: 240px
|
||||
background-color: $main-color
|
||||
border-bottom: 1px solid lighten($main-color,5%)
|
||||
.menu
|
||||
border-top: 1px black solid
|
||||
.maintab > a [class^="icon-"], .menu .maintab > a [class*=" icon-"]
|
||||
font-size: 20px
|
||||
border-radius: 40px
|
||||
height: 30px
|
||||
width: 30px
|
||||
color: white
|
||||
display: inline-block
|
||||
text-align: center
|
||||
line-height: 30px
|
||||
> ul > li > ul.sub-menu
|
||||
display: none
|
||||
list-style: none
|
||||
@@ -212,28 +234,29 @@ body.fixed-top
|
||||
background-color: white
|
||||
> li
|
||||
&.active > a
|
||||
color: contrasted($main-color, 30%)
|
||||
color: contrast-color($main-color, white, #333, 10%)
|
||||
background-color: $secondary-color
|
||||
border-top: 1px solid lighten($secondary-color,10%)
|
||||
border-bottom: 1px solid darken($secondary-color,10%)
|
||||
border-top: 1px solid lighten($secondary-color,5%)
|
||||
border-bottom: 1px solid darken($secondary-color,20%)
|
||||
@include box-shadow(darken($secondary-color,10%) -4px 0 0 inset)
|
||||
i
|
||||
color: $brand-primary!important
|
||||
background-color: white
|
||||
&.active:hover > a
|
||||
color: white
|
||||
color: contrast-color($main-color, white, #333, 10%)
|
||||
@include box-shadow(darken($secondary-color,10%) -4px 0 0 inset)
|
||||
&:hover > a
|
||||
|
||||
@include box-shadow($brand-primary -4px 0 0 inset)
|
||||
i
|
||||
color: $brand-primary!important
|
||||
color: $secondary-color!important
|
||||
background-color: white
|
||||
> a
|
||||
display: block
|
||||
padding: 3px 0 3px 5px
|
||||
padding: 2px 0 2px 8px
|
||||
border-top: 1px solid lighten($main-color,5%)
|
||||
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
|
||||
@@ -258,12 +281,12 @@ body.fixed-top
|
||||
li
|
||||
a
|
||||
display: block
|
||||
padding: 3px 5px 3px 10px
|
||||
padding: 2px 5px 2px 10px
|
||||
font-size: 12px
|
||||
border: none
|
||||
border-bottom: solid 1px #eee
|
||||
background-color: white
|
||||
@include box-shadow($main-color -4px 0 0 inset)
|
||||
//@include box-shadow($main-color -4px 0 0 inset)
|
||||
i
|
||||
margin-top: 3px
|
||||
color: $secondary-color
|
||||
@@ -271,7 +294,7 @@ body.fixed-top
|
||||
color: $brand-primary
|
||||
background-color: mix(white, $main-color, 90%)
|
||||
text-decoration: none
|
||||
@include box-shadow($brand-primary -4px 0 0 inset)
|
||||
//@include box-shadow($brand-primary -4px 0 0 inset)
|
||||
i
|
||||
color: $main-color
|
||||
&.active
|
||||
@@ -284,7 +307,6 @@ body.fixed-top
|
||||
.page-sidebar-closed
|
||||
#sidebar
|
||||
width: 50px
|
||||
white-space: nowrap
|
||||
@include transition-property(width)
|
||||
@include transition-duration(0.4s)
|
||||
@include transition-timing-function(ease-out)
|
||||
@@ -302,34 +324,28 @@ body.fixed-top
|
||||
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%
|
||||
|
||||
.menu-collapse
|
||||
height: 67px
|
||||
height: 55px
|
||||
width: 100%
|
||||
font-size: 2em
|
||||
text-align: center
|
||||
line-height: 68px
|
||||
line-height: 55px
|
||||
display: block
|
||||
background-color: darken($secondary-color,5%)
|
||||
border-bottom: 4px solid darken($secondary-color,15%)
|
||||
background-color: darken($secondary-color,10%)
|
||||
border-bottom: 4px solid darken($secondary-color,20%)
|
||||
i
|
||||
color: lighten($secondary-color,10%)
|
||||
|
||||
#menu .maintab > a [class^="icon-"], #menu .maintab > a [class*=" icon-"]
|
||||
font-size: 22px
|
||||
border-radius: 40px
|
||||
height: 35px
|
||||
width: 35px
|
||||
color: white
|
||||
display: inline-block
|
||||
text-align: center
|
||||
line-height: 35px
|
||||
|
||||
// Tool bar
|
||||
.toolbar_btn
|
||||
position: relative
|
||||
@@ -391,7 +407,7 @@ body.fixed-top
|
||||
color: lighten($main-color,10%)!important
|
||||
|
||||
[class^="process-icon-"], [class*=" process-icon-"]
|
||||
height: 32px
|
||||
height: 25px
|
||||
min-width: 32px
|
||||
background-position: center
|
||||
background-repeat: no-repeat
|
||||
@@ -400,7 +416,7 @@ body.fixed-top
|
||||
font-weight: normal
|
||||
font-style: normal
|
||||
font-size: 25px
|
||||
line-height: 32px
|
||||
line-height: 25px
|
||||
text-decoration: inherit
|
||||
-webkit-font-smoothing: antialiased
|
||||
*margin-right: .3em
|
||||
@@ -456,8 +472,6 @@ body.fixed-top
|
||||
.process-icon-new-url
|
||||
@extend .icon-plus-sign-alt
|
||||
|
||||
|
||||
|
||||
.navbar-inner
|
||||
box-shadow: none!important
|
||||
.input-append
|
||||
@@ -506,7 +520,6 @@ input[type="password"].input-tiny
|
||||
.fixed-width-XL
|
||||
width: 200px
|
||||
|
||||
|
||||
.btn-group-action
|
||||
display: inline-block
|
||||
white-space: nowrap
|
||||
@@ -543,7 +556,6 @@ input[type="password"].input-tiny
|
||||
.caret
|
||||
border-top-color: white!important
|
||||
|
||||
|
||||
hr
|
||||
border-color: darken($bg-content-color,10%)
|
||||
border-bottom: 1px solid white
|
||||
@@ -601,10 +613,9 @@ hr
|
||||
|
||||
//filter table
|
||||
tr.filter
|
||||
background-color: rgba(#A39F95,0.5)
|
||||
background-color: darken($bg-content-color,20%)
|
||||
input[type="text"].filter, input[type="password"].filter, select.filter
|
||||
font-size: 12px
|
||||
border-color: #A39F95
|
||||
|
||||
.breadcrumb
|
||||
background-color: lighten($bg-content-color,7%)
|
||||
@@ -637,10 +648,11 @@ tr.filter
|
||||
font-weight: 500
|
||||
|
||||
#footer
|
||||
z-index: 600
|
||||
min-height: 60px
|
||||
display: block
|
||||
width: 100%
|
||||
height: 60px
|
||||
padding: 5px 0
|
||||
padding: 15px 0 0 0
|
||||
background-color: $bg-footer-color
|
||||
color: #888
|
||||
a
|
||||
@@ -688,3 +700,114 @@ tr.filter
|
||||
|
||||
#nobootstrap
|
||||
float: left
|
||||
|
||||
.box-stats
|
||||
padding: 10px
|
||||
margin-bottom: 20px
|
||||
background-color: white
|
||||
@include box-shadow(rgba(black,0.10) 0 2px 0, white 0 0 0 3px inset)
|
||||
.boxchart-overlay
|
||||
padding: 10px
|
||||
margin-right: 10px
|
||||
float: left
|
||||
color: white
|
||||
@include border-radius(3px)
|
||||
i
|
||||
@include border-radius(3px)
|
||||
float: left
|
||||
color: white
|
||||
font-size: 30px
|
||||
height: 50px
|
||||
width: 50px
|
||||
text-align: center
|
||||
line-height: 50px
|
||||
margin-right: 10px
|
||||
.title
|
||||
color: #999
|
||||
display: block
|
||||
.value
|
||||
font-size: 25px
|
||||
.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
|
||||
|
||||
.chart
|
||||
rect
|
||||
fill: white
|
||||
path
|
||||
stroke: white
|
||||
stroke-width: 2
|
||||
fill: none
|
||||
line
|
||||
stroke: black
|
||||
.area
|
||||
fill: rgba(white,0.30)
|
||||
stroke-width: 0
|
||||
|
||||
.highlighted
|
||||
background-color: blue
|
||||
|
||||
.notification-panel
|
||||
@extend .panel
|
||||
padding: 15px
|
||||
margin: 0
|
||||
width: 300px
|
||||
@include box-shadow(rgba(black,0.50) 2px 2px 10px)
|
||||
|
||||
.notification-dropdown
|
||||
background-color: transparent
|
||||
border: none
|
||||
box-shadow: none
|
||||
|
||||
.list-toolbar-btn
|
||||
|
||||
|
||||
//WIP
|
||||
#topbar
|
||||
position: fixed
|
||||
left: 80
|
||||
width: 100%
|
||||
height: 25px
|
||||
z-index: 600
|
||||
background-color: $main-color
|
||||
border-top: black solid 1px
|
||||
border-bottom: black solid 1px
|
||||
a
|
||||
line-height: 25px
|
||||
color: white
|
||||
i
|
||||
height: 25px
|
||||
width: 25px
|
||||
line-height: 25px
|
||||
color: white
|
||||
font-size: 20px
|
||||
.menu-collapse
|
||||
display: none
|
||||
.menu
|
||||
padding: 0 0 0 60px
|
||||
display: inline
|
||||
li
|
||||
display: inline
|
||||
.submenu
|
||||
display: none
|
||||
+1601
-1636
File diff suppressed because it is too large
Load Diff
@@ -1,4 +1,4 @@
|
||||
#nobootstrap{
|
||||
#nobootstrap {
|
||||
body {font-family: Arial, Helvetica, sans-serif;}
|
||||
|
||||
h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; margin-bottom:.5em; line-height:1.4em; }
|
||||
@@ -7,12 +7,11 @@
|
||||
h4 { font-size:1.05em; }
|
||||
h6 { font-size:1em; }
|
||||
|
||||
|
||||
/*LIST*/
|
||||
ul,ol {list-style:none; margin: 0; padding: 0;}
|
||||
//LIST
|
||||
ul, ol {list-style:none; margin: 0; padding: 0;}
|
||||
ul li {color:#585A69;}
|
||||
|
||||
/*FORM*/
|
||||
//FORM
|
||||
label {color:#585a69;text-shadow:0 1px 0#fff;}
|
||||
fieldset{background-color:#EBEDF4; border:1px solid #CCCED7; color:#585A69; font-size:1.1em;margin:0;padding:1em}
|
||||
.Bloc {background-color:#EBEDF4; border:1px solid #CCCED7;font-size:1.1em;margin:0;padding:1em}
|
||||
@@ -28,7 +27,7 @@
|
||||
.icon {vertical-align:middle}
|
||||
.icon-top {vertical-align:top}
|
||||
|
||||
/*BUTTON*/
|
||||
//BUTTON
|
||||
.button{
|
||||
background: #e3e3e3 url('../img/bg-button-degrade.png') repeat-x scroll left top;
|
||||
background: -moz-linear-gradient(center top , #F9F9F9, #E3E3E3) repeat scroll 0 0 transparent;
|
||||
@@ -45,11 +44,11 @@
|
||||
|
||||
#top_container{margin:0;padding:0}
|
||||
|
||||
/*HEADER*/
|
||||
//HEADER
|
||||
#header { background-color: #394049; height:90px; }
|
||||
/* Portrait orientation targeting */
|
||||
// Portrait orientation targeting
|
||||
@media screen and (orientation: portrait) {#header{min-width:1250px}}
|
||||
/* Portrait orientation targeting */
|
||||
// Portrait orientation targeting
|
||||
@media screen and (orientation: landscape) {#header{min-width:1250px}}
|
||||
#header #header_infos{ position:relative; margin: 0; padding:0; height:60px; }
|
||||
#header #header_shopname {float: left; margin:10px 15px 0 10px;}
|
||||
@@ -76,7 +75,7 @@
|
||||
#header #header_search #bo_query{ font: 13px Arial,sans-serif; float:left;background: none repeat scroll 0 0 transparent; border:none; box-shadow:none; padding: 5px 0px 5px 4px; width: 160px; }
|
||||
#header #header_search #bo_search_type_chzn{ font-size:13px; float:left; margin:0 23px 0 0; padding:0 4px; vertical-align:middle;width:80px !important;height:27px; border:none;}
|
||||
#header #header_search #bo_search_type_chzn.chzn-container-single .chzn-single { box-shadow:none; border-radius:0px; 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; width:27px; height:25px; float:left; font-weight:normal; margin:0; padding:0; cursor:pointer; text-indent:-9999em; position:absolute; right:0; display:block; border-left:1px solid #3079ED; border-radius:0px; /*hacking ie7font-size: 0!ie7; color: transparent!ie;*/ }
|
||||
#header #header_search #bo_search_submit { background: url('../img/icon-search2.png') no-repeat scroll center; border:none; width:27px; height:25px; float:left; font-weight:normal; margin:0; padding:0; cursor:pointer; text-indent:-9999em; position:absolute; right:0; display:block; border-left:1px solid #3079ED; border-radius:0px;}
|
||||
#header #header_quick{float:right; display:block; margin-top:15px;}
|
||||
#header #header_quick #quick_select_chzn{ font-size:13px; margin:0 10px 0 0; padding:0px 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}
|
||||
@@ -104,7 +103,7 @@
|
||||
.notifs_wrapper p.no_notifs {border: none;}
|
||||
|
||||
|
||||
/*MENU*/
|
||||
//MENU
|
||||
#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{float:left;height:29px;list-style:none;list-style:none;display:block; border-left:1px solid #fff; border-right:1px solid #ccc;}
|
||||
#header #menu li.submenu_size .title{cursor:default;color:#000;display:block; padding:8px 3px 4px 0;font-weight:normal;font-size:12px;}
|
||||
@@ -124,10 +123,10 @@
|
||||
#header #menu .submenu li.active a { color: #fff;}
|
||||
#header #menu .submenu li.active a:hover { color:#666666}
|
||||
|
||||
/*SEPARATION*/
|
||||
//SEPARATION
|
||||
.separation { background-color:#ccc;border-bottom:1px solid #fff; width:100%; height:1px; margin:10px 0;}
|
||||
|
||||
/*TABLE*/
|
||||
//TABLE
|
||||
.table_grid {width:100%;}
|
||||
.table{ background-color:#fff;border:1px solid #ccc; padding:0; border-radius:3px; -moz-border-radius:3px;-webkit-border-radius:3px;}
|
||||
.filter {background-color:#f1f9ff;}
|
||||
@@ -182,17 +181,17 @@
|
||||
.button-autoupgrade {-moz-border-bottom-colors: none;-moz-border-image: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #FFF6D3 #DFD5AF #DFD5AF #FFF6D3;border-right: 1px solid #DFD5AF;border-style: solid;border-width: 1px;color: #268CCD;font-size: medium;padding: 5px;}
|
||||
.processing {overflow: auto;}
|
||||
|
||||
/*UI ACCORDEON*/
|
||||
//UI ACCORDEON
|
||||
.ui-accordion-header { background-color: #ccc; color:#000;}
|
||||
|
||||
/*BLOC*/
|
||||
//BLOC
|
||||
.Bloc { background: none repeat scroll 0 0 #EBEDF4;}
|
||||
|
||||
|
||||
/*TABLE STATUS COMMANDE*/
|
||||
//TABLE STATUS COMMANDE
|
||||
.table td span.color_field { font-size:11px; padding:2px 5px; border-radius:3px; text-transform:uppercase; color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
|
||||
|
||||
/*multishop toolbar*/
|
||||
//multishop toolbar
|
||||
.multishop_toolbar { background-color: #F8F8F8; border: 1px solid #CCCCCC; margin-bottom:10px; padding: 10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size: 18px;}
|
||||
.multishop_toolbar span.text_multishop {vertical-align: 7px; padding-right: 5px; }
|
||||
.multishop_toolbar select.shopList { width: 300px; }
|
||||
@@ -202,7 +201,7 @@
|
||||
.multishop_toolbar .chzn-container .chzn-results .group{font-weight: bold;font-style: italic;padding-left: 15px;background-color: #C6DEFC;}
|
||||
.multishop_toolbar .chzn-container .chzn-results .shop{padding-left: 30px;background-color: #EAF2FC;}
|
||||
|
||||
/*toolbarBox*/
|
||||
//toolbarBox
|
||||
.toolbar-placeholder {position:relative}
|
||||
.toolbarBox {background-color: #F8F8F8; border: 1px solid #CCCCCC; margin-bottom:10px; padding: 5px 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;-o-border-radius:3px;position:relative}
|
||||
.toolbarBox .pageTitle { margin-left:10px; line-height:48px}
|
||||
@@ -211,7 +210,7 @@
|
||||
.toolbarBox ul.cc_button li {color: #666666; 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; min-width:50px; border-width: 1px; font-size:11px;cursor: pointer; display: block; float: left; padding: 3px 5px; white-space: nowrap; text-shadow: 0 1px 0 #ffffff;}
|
||||
.toolbarBox a.toolbar_btn:hover { background-color:#fff; border:1px inset #ccc; border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px;-o-border-radius:3px;}
|
||||
.toolbarBox .toolbar_btn span{ display: block; float: none; height: 32px; margin: 0 auto; width: 32px; /*hacking ie7margin:0 !ie; position:relative !ie;*/ }
|
||||
.toolbarBox .toolbar_btn span{ display: block; float: none; height: 32px; margin: 0 auto; width: 32px}
|
||||
.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-preview { background-image: url('../img/process-icon-preview.png');}
|
||||
@@ -314,11 +313,9 @@
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
div.fix-toolbar {border-bottom: 1px solid #E0E0E0;position:fixed;top:0;opacity:0.9;z-index:500;margin:auto}
|
||||
|
||||
/*button upload files*/
|
||||
//button upload files
|
||||
#content .qq-upload-button {
|
||||
background: #e4e4e4 url('../img/bg-button-degrade.png') repeat-x scroll left top;
|
||||
background: -moz-linear-gradient(center top , #F9F9F9, #E3E3E3) repeat scroll 0 0 transparent;
|
||||
@@ -338,14 +335,14 @@
|
||||
|
||||
.file_upload_label {margin-top:5px;}
|
||||
|
||||
/*leadin*/
|
||||
//leadin
|
||||
.leadin {}
|
||||
.leadin .bloc-leadin{ padding:10px 3px;}
|
||||
|
||||
/*productBox*/
|
||||
//productBox
|
||||
#productBox { position:relative; width:100%; float:left;}
|
||||
|
||||
/*tab-pane*/
|
||||
//tab-pane
|
||||
form#product_form, form#access_form, form#cart_rule_form, #modules_tab_list { background-color:#ebedf4; border:1px solid #ccced7; min-height:404px; padding: 5px 10px 10px; margin-left:140px;}
|
||||
#modules_tab_list {min-height: inherit}
|
||||
#content form.adminstockmanagement {margin-left:0px;}
|
||||
@@ -367,14 +364,14 @@
|
||||
#categories-treeview { }
|
||||
#product-tab-content-3-Associations .Association td.col-left { width:200px;}
|
||||
|
||||
/*FILTER MODULE*/
|
||||
//FILTER MODULE
|
||||
.filter-module { background-color:#ebedf4; border:1px solid #c2c4d9; padding:10px; display:block; min-height:35px;}
|
||||
.filter-module #filternameForm {float:left; margin-right:30px;}
|
||||
.filter-module label {width:auto;}
|
||||
.filter-module .select-filter { float:left;}
|
||||
.filter-module .button-filter { float:right;}
|
||||
|
||||
/*FILTER STOCK*/
|
||||
//FILTER STOCK
|
||||
.filter-stock { background-color:#ebedf4; border:1px solid #c2c4d9; margin-bottom:15px; padding:10px; display:block; min-height:25px;}
|
||||
.filter-stock #stock_instant_state {float:left; margin-right:30px;}
|
||||
.filter-stock label {width:auto;}
|
||||
@@ -387,7 +384,7 @@
|
||||
.filter-stock-extended .select-filter { float:left;}
|
||||
.filter-stock-extended .button-filter { float:right;}
|
||||
|
||||
/*ADDONS LOGIN*/
|
||||
//ADDONS LOGIN
|
||||
#addons_login_div { background: #EBEDF4 url('../img/lock.png') no-repeat scroll left 5px;}
|
||||
#addons_login_div form#addons_login_form { float:right;}
|
||||
#addons_login_div p {float:left; font-size:16px; color:#585A69; line-height:24px; text-shadow: 0 1px 0 #fff; margin:0; padding-left:25px;}
|
||||
@@ -395,7 +392,7 @@
|
||||
#addons_login_div input { float:left; margin-right:10px;}
|
||||
#addons_login_div input#addons_login_button { margin-right: 0px; }
|
||||
|
||||
/*SIDEBAR*/
|
||||
//SIDEBAR
|
||||
.sidebar { position:relative; float:left; width:220px; display:inline;}
|
||||
.sidebar h3 { background-color:#ebedf4; font-weight:bold; display:block; padding:5px;}
|
||||
.sidebar.navigation h3 {margin:0;}
|
||||
@@ -409,7 +406,7 @@
|
||||
.sidebar ul.categorieList li div.count{ position:absolute; top:0; right:5px;}
|
||||
.sidebar .categorieStatus { display:none;}
|
||||
|
||||
/*NAVIGATION ENGINE*/
|
||||
//NAVIGATION ENGINE
|
||||
.blocEngine { background-color:#eee;}
|
||||
.blocEngine .rowForm { display: block;float: left;margin: 0; padding: 5px 0; }
|
||||
.blocEngine .rowForm label { font-weight:normal;}
|
||||
@@ -418,7 +415,7 @@
|
||||
|
||||
.blocEngine p { margin-top:10px;display:block; float:left;}
|
||||
|
||||
/*STATCONTAINER*/
|
||||
//STATCONTAINER
|
||||
#statsContainer {margin-left:220px; padding:0 0 0 20px;}
|
||||
#statsContainer #calendar,
|
||||
#referrersContainer #calendar{ background-color: #EEEEEE;border-top: 1px solid #CCCCCC; display: block; margin: 10px 0;min-height: 25px; padding: 5px;}
|
||||
@@ -499,9 +496,9 @@
|
||||
#statsContainer .blocStats form { position:absolute; top:10px; right:5px;}
|
||||
#statsContainer .blocStats form.checkup { position:relative; top:0; left:0;}
|
||||
#statsContainer .totalStats { font-size:16px; font-weight:bold;}
|
||||
#statsContainer .blocStats .blocConversion { display:block; display:inline-table; min-height:80px /*!ie;*/ }
|
||||
#statsContainer .blocStats .blocConversion { display:block; display:inline-table; min-height:80px}
|
||||
|
||||
/*MODULECONTAINER*/
|
||||
//MODULECONTAINER
|
||||
#moduleContainer { margin-left:220px; padding:13px 0 0 20px;}
|
||||
#moduleContainer .table tr th { height:40px;}
|
||||
#moduleContainer .table tr td { font-size:12px; vertical-align:top; padding: 5px 7px 0; border-top:1px solid #ccc; border-bottom:none;}
|
||||
@@ -529,7 +526,7 @@
|
||||
#moduleContainer .moduleGridDesc h3 { color:#3A6EA7; margin:0;}
|
||||
#moduleContainer ul.listing-grid-module li select { position:absolute; top:0; right:0px; }
|
||||
|
||||
/*TAB MODULES LIST*/
|
||||
//TAB MODULES LIST
|
||||
|
||||
#modules_list_container_tab #modules_list_container_content{
|
||||
list-style-type:none;
|
||||
@@ -570,20 +567,19 @@
|
||||
.default_modules_list_display_type #modules_list_container_content li table {border:solid 1px #ccc;height:105px;width:100%;margin-bottom:10px}
|
||||
#modules_list_container_tab ul li {height:105px}
|
||||
|
||||
/******** ie7 ******/
|
||||
.ie7 #modules_list_container_tab #modules_list_container_content li{zoom:1;display:inline;}
|
||||
.ie7 #modules_list_container_content li table {width: 21%;}
|
||||
.ie7 #modules_list_container_content li table td .btn_right{width:100%;float:right;}
|
||||
.ie7 #modules_list_container_content li table td .btn_right select{float:left;}
|
||||
.ie7 #modules_list_container_content li table td a.button{display:block;float:right;}
|
||||
//******* ie7 *****
|
||||
.ie7 #modules_list_container_tab #modules_list_container_content li{zoom:1;display:inline;}
|
||||
.ie7 #modules_list_container_content li table {width: 21%;}
|
||||
.ie7 #modules_list_container_content li table td .btn_right{width:100%;float:right;}
|
||||
.ie7 #modules_list_container_content li table td .btn_right select{float:left;}
|
||||
.ie7 #modules_list_container_content li table td a.button{display:block;float:right;}
|
||||
|
||||
/*MODULE POSITION*/
|
||||
//MODULE POSITION
|
||||
.blocLiveEdit { float:right; clear:right; background-color: #EBEDF4; border: 1px solid #C2C4D9;display: block; 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 {float: left; margin:10px; display: inline-block;}
|
||||
|
||||
|
||||
#modulePosition { width:100%; float:left; clear:left;}
|
||||
#modulePosition .table tr th { height:40px;}
|
||||
#modulePosition form{ margin-right:270px;}
|
||||
@@ -601,13 +597,13 @@
|
||||
ul.listForm li {padding-bottom:3px;}
|
||||
|
||||
|
||||
/*FOOTER*/
|
||||
//FOOTER
|
||||
#footer {height:40px; font-size:12px;clear:both;font-size:0.9em;color:#666666}
|
||||
#footer .footerLeft { float:left; margin-left:10px;}
|
||||
#footer .footerRight {float:right; margin-right:10px;}
|
||||
#footer .footer_link, #footer .footer_link:hover { color:#268CCD;}
|
||||
|
||||
/*DASHBOARD*/
|
||||
//DASHBOARD
|
||||
.pageTitleHome { font-size: 1.6em; font-weight: normal; margin:0; padding:10px 0;}
|
||||
.pageTitleHome h3 { font-weight: normal; margin:0;}
|
||||
#dashboard { background-color: #EBEDF4; border: 1px solid #C2C4D9; display: block; padding: 10px; position: relative; min-width:1200px;}
|
||||
@@ -663,15 +659,16 @@
|
||||
background: -o-linear-gradient(top, #ddd, #aaa);
|
||||
background: -webkit-linear-gradient(top, #ddd, #aaa);
|
||||
background: linear-gradient(top, #ddd, #aaa);
|
||||
color: #666
|
||||
color: #666;
|
||||
}
|
||||
|
||||
/******** CREATE AN ORDER **************/
|
||||
//******* CREATE AN ORDER *************
|
||||
|
||||
#carrier_form label{padding-top:0}
|
||||
#carrier_form input{margin-top:3px}
|
||||
|
||||
/************** SCENE *****************/
|
||||
//************* SCENE ****************
|
||||
|
||||
#large_scene_image { clear:both; border:1px solid transparent;}
|
||||
|
||||
#large_scene_image{clear:both;border:1px solid transparent;}
|
||||
}
|
||||
@@ -23,7 +23,7 @@ $gray-lighter: lighten(#000, 93.5%) ; //#eee
|
||||
//$brand-primary: #1EAEC0 ; //bleu turquoise
|
||||
//$brand-primary: #33556E ;
|
||||
//$brand-primary: #7F8AAE ;
|
||||
$brand-primary: #173741 ;
|
||||
$brand-primary: #1D7878 ;
|
||||
|
||||
|
||||
$brand-success: #5cb85c ;
|
||||
@@ -89,7 +89,7 @@ $border-radius-base: 3px ;
|
||||
|
||||
// $table-bg: transparent ; overall background-color
|
||||
// $table-bg-accent: #f9f9f9 ; for striping
|
||||
$table-bg-hover: lighten($secondary-color,35%) ;
|
||||
$table-bg-hover: $bg-panel-heading-color ;
|
||||
|
||||
// $table-border-color: #ddd ; table and cell border
|
||||
|
||||
@@ -395,37 +395,37 @@ $well-bg: darken($bg-content-color,5%) ;
|
||||
// --------------------------------------------------
|
||||
|
||||
// Tiny screen / phone
|
||||
// $screen-tiny: 480px ;
|
||||
// $screen-phone: $screen-tiny ;
|
||||
$screen-tiny: 480px ;
|
||||
$screen-phone: $screen-tiny ;
|
||||
|
||||
// Small screen / tablet
|
||||
// $screen-small: 768px ;
|
||||
// $screen-tablet: $screen-small ;
|
||||
$screen-small: 768px ;
|
||||
$screen-tablet: $screen-small ;
|
||||
|
||||
// Medium screen / desktop
|
||||
// $screen-medium: 992px ;
|
||||
// $screen-desktop: $screen-medium ;
|
||||
$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 ;
|
||||
$screen-small-max: ($screen-medium - 1) ;
|
||||
$screen-tablet-max: $screen-small-max ;
|
||||
|
||||
// Large screen / wide desktop
|
||||
// $screen-large: 1200px ;
|
||||
// $screen-large-desktop: $screen-large ;
|
||||
$screen-large: 1200px ;
|
||||
$screen-large-desktop: $screen-large ;
|
||||
|
||||
|
||||
// Container sizes
|
||||
// --------------------------------------------------
|
||||
|
||||
// Small screen / tablet
|
||||
// $container-tablet: 728px ;
|
||||
$container-tablet: 728px ;
|
||||
|
||||
// Medium screen / desktop
|
||||
// $container-desktop: 940px ;
|
||||
$container-desktop: 940px ;
|
||||
|
||||
// Large screen / wide desktop
|
||||
// $container-large-desktop: 1170px ;
|
||||
$container-large-desktop: 1170px ;
|
||||
|
||||
|
||||
// Grid system
|
||||
|
||||
Reference in New Issue
Block a user