dinislage/PrestaShop
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

// some sass/compass magic for color schemes… and few new bugs to fix with layout

Browse Source
This commit is contained in:
Kevin Granger committed 2013-08-08 16:59:39 +02:00
1 parent 97062d60a2
commit 6ae222e720
5 files changed
+404 -400
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

admin-dev/themes/default/css/admin-theme.css
+213 -223
View File
@@ -252,8 +252,8 @@ body {
font-family: "Open Sans", Helvetica, Arial, sans-serif; font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 12px; font-size: 12px;
line-height: 1.42857; line-height: 1.42857;
color: #333333; color: #555555;
background-color: black; } background-color: #272a31; }
input, input,
button, button,
@@ -264,12 +264,12 @@ textarea {
line-height: inherit; } line-height: inherit; }
a { a {
color: #272822; color: #ef1778;
text-decoration: none; } text-decoration: none; }
a:hover, a:hover,
a:focus { a:focus {
color: black; color: #ae0c55;
text-decoration: underline; } text-decoration: underline; }
a:focus { a:focus {
@@ -903,7 +903,7 @@ th {
.table tbody + tbody { .table tbody + tbody {
border-top: 2px solid #dddddd; } border-top: 2px solid #dddddd; }
.table .table { .table .table {
background-color: black; } background-color: #272a31; }
.table-condensed thead > tr > th, .table-condensed thead > tr > th,
.table-condensed thead > tr > td, .table-condensed thead > tr > td,
@@ -978,7 +978,7 @@ th {
.table-hover > tbody > tr:hover > td, .table > tbody > tr:hover > td, .table-hover > tbody > tr:hover > td, .table > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th, .table-hover > tbody > tr:hover > th,
.table > tbody > tr:hover > th { .table > tbody > tr:hover > th {
background-color: #e1f3e5; } background-color: #e7f4dc; }
table col[class^="col-"] { table col[class^="col-"] {
float: none; float: none;
@@ -1346,7 +1346,7 @@ input[type="color"].input-small {
display: block; display: block;
margin-top: 5px; margin-top: 5px;
margin-bottom: 10px; margin-bottom: 10px;
color: #737373; } color: #959595; }
.input-group { .input-group {
display: table; display: table;
@@ -1489,29 +1489,29 @@ input[type="color"].input-small {
box-shadow: none; } box-shadow: none; }
.btn-default { .btn-default {
color: white; color: #555555;
background-color: #48525f; background-color: white;
border-color: #48525f; } border-color: #cccccc; }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active { .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
background-color: #3d4550; background-color: #f2f2f2;
border-color: #323942; } border-color: #b3b3b3; }
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
background-color: #48525f; background-color: white;
border-color: #48525f; } border-color: #cccccc; }
.btn-primary { .btn-primary {
color: white; color: #555555;
background-color: #272822; background-color: white;
border-color: #272822; } border-color: #5cb85c; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
background-color: #1a1a16; background-color: #f2f2f2;
border-color: #0c0c0b; } border-color: #449d44; }
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
background-color: #272822; background-color: white;
border-color: #272822; } border-color: #5cb85c; }
.btn-warning { .btn-warning {
color: white; color: #555555;
background-color: #f0ad4e; background-color: #f0ad4e;
border-color: #f0ad4e; } border-color: #f0ad4e; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active { .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
@@ -1522,7 +1522,7 @@ input[type="color"].input-small {
border-color: #f0ad4e; } border-color: #f0ad4e; }
.btn-danger { .btn-danger {
color: white; color: #555555;
background-color: #d9534f; background-color: #d9534f;
border-color: #d9534f; } border-color: #d9534f; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active { .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
@@ -1533,7 +1533,7 @@ input[type="color"].input-small {
border-color: #d9534f; } border-color: #d9534f; }
.btn-success { .btn-success {
color: white; color: #555555;
background-color: #5cb85c; background-color: #5cb85c;
border-color: #5cb85c; } border-color: #5cb85c; }
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active { .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
@@ -1544,7 +1544,7 @@ input[type="color"].input-small {
border-color: #5cb85c; } border-color: #5cb85c; }
.btn-info { .btn-info {
color: white; color: #555555;
background-color: #5bc0de; background-color: #5bc0de;
border-color: #5bc0de; } border-color: #5bc0de; }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active { .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
@@ -1555,7 +1555,7 @@ input[type="color"].input-small {
border-color: #5bc0de; } border-color: #5bc0de; }
.btn-link { .btn-link {
color: #272822; color: #ef1778;
font-weight: normal; font-weight: normal;
cursor: pointer; cursor: pointer;
border-radius: 0; } border-radius: 0; }
@@ -1567,7 +1567,7 @@ input[type="color"].input-small {
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
border-color: transparent; } border-color: transparent; }
.btn-link:hover, .btn-link:focus { .btn-link:hover, .btn-link:focus {
color: black; color: #ae0c55;
text-decoration: underline; text-decoration: underline;
background-color: transparent; } background-color: transparent; }
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
@@ -1671,25 +1671,25 @@ input[type="button"].btn-block {
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
text-decoration: none; text-decoration: none;
color: white; color: white;
background-color: #1a1a16; background-color: #dd0f6c;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#272822), to(#1a1a16)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ef1778), to(#dd0f6c));
background-image: -webkit-linear-gradient(top, #272822, #1a1a16); background-image: -webkit-linear-gradient(top, #ef1778, #dd0f6c);
background-image: -moz-linear-gradient(top, #272822, #1a1a16); background-image: -moz-linear-gradient(top, #ef1778, #dd0f6c);
background-image: linear-gradient(to bottom, #272822, #1a1a16); background-image: linear-gradient(to bottom, #ef1778, #dd0f6c);
background-repeat: repeat-x; background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF272822', endColorstr='#FF1A1A16', GradientType=0); } filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEF1778', endColorstr='#FFDD0F6C', GradientType=0); }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
color: white; color: white;
text-decoration: none; text-decoration: none;
outline: 0; outline: 0;
background-color: #1a1a16; background-color: #dd0f6c;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#272822), to(#1a1a16)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ef1778), to(#dd0f6c));
background-image: -webkit-linear-gradient(top, #272822, #1a1a16); background-image: -webkit-linear-gradient(top, #ef1778, #dd0f6c);
background-image: -moz-linear-gradient(top, #272822, #1a1a16); background-image: -moz-linear-gradient(top, #ef1778, #dd0f6c);
background-image: linear-gradient(to bottom, #272822, #1a1a16); background-image: linear-gradient(to bottom, #ef1778, #dd0f6c);
background-repeat: repeat-x; background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF272822', endColorstr='#FF1A1A16', GradientType=0); } filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEF1778', endColorstr='#FFDD0F6C', GradientType=0); }
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
color: #999999; } color: #999999; }
@@ -1773,12 +1773,12 @@ a.list-group-item:hover, a.list-group-item:focus {
a.list-group-item.active { a.list-group-item.active {
z-index: 2; z-index: 2;
color: white; color: white;
background-color: #272822; background-color: #ef1778;
border-color: #272822; } border-color: #ef1778; }
a.list-group-item.active .list-group-item-heading { a.list-group-item.active .list-group-item-heading {
color: inherit; } color: inherit; }
a.list-group-item.active .list-group-item-text { a.list-group-item.active .list-group-item-text {
color: #919482; } color: #fcd6e7; }
.panel { .panel {
padding: 15px; padding: 15px;
@@ -1808,11 +1808,11 @@ a.list-group-item.active {
border-bottom-right-radius: 2px; } border-bottom-right-radius: 2px; }
.panel-primary { .panel-primary {
border-color: #272822; } border-color: #ef1778; }
.panel-primary .panel-heading { .panel-primary .panel-heading {
color: white; color: white;
background-color: #272822; background-color: #ef1778;
border-color: #272822; } border-color: #ef1778; }
.panel-success { .panel-success {
border-color: #d6e9c6; } border-color: #d6e9c6; }
@@ -1856,8 +1856,8 @@ a.list-group-item.active {
min-height: 20px; min-height: 20px;
padding: 19px; padding: 19px;
margin-bottom: 20px; margin-bottom: 20px;
background-color: lightgrey; background-color: #e9e9e9;
border: 1px solid #c1c1c1; border: 1px solid #d7d7d7;
border-radius: 3px; border-radius: 3px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
@@ -1929,8 +1929,8 @@ button.close {
margin-top: 9px; } margin-top: 9px; }
.nav.open > a, .nav.open > a:hover, .nav.open > a:focus { .nav.open > a, .nav.open > a:hover, .nav.open > a:focus {
color: #fff; color: #fff;
background-color: #272822; background-color: #ef1778;
border-color: #272822; } border-color: #ef1778; }
.nav.open > a .caret, .nav.open > a:hover .caret, .nav.open > a:focus .caret { .nav.open > a .caret, .nav.open > a:hover .caret, .nav.open > a:focus .caret {
border-top-color: #fff; border-top-color: #fff;
border-bottom-color: #fff; } border-bottom-color: #fff; }
@@ -1957,7 +1957,7 @@ button.close {
border-color: #eeeeee #eeeeee #dddddd; } border-color: #eeeeee #eeeeee #dddddd; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #555555; color: #555555;
background-color: black; background-color: #272a31;
border: 1px solid #ddd; border: 1px solid #ddd;
border-bottom-color: transparent; border-bottom-color: transparent;
cursor: default; } cursor: default; }
@@ -1970,7 +1970,7 @@ button.close {
margin-left: 2px; } margin-left: 2px; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
color: #fff; color: #fff;
background-color: #272822; } background-color: #ef1778; }
.nav-stacked > li { .nav-stacked > li {
float: none; } float: none; }
@@ -1993,7 +1993,7 @@ button.close {
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
margin-right: 0; } margin-right: 0; }
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a { .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a {
border-bottom-color: black; } border-bottom-color: #272a31; }
.nav-header { .nav-header {
display: block; display: block;
@@ -2022,12 +2022,12 @@ button.close {
display: block; } display: block; }
.nav .caret { .nav .caret {
border-top-color: #272822; border-top-color: #ef1778;
border-bottom-color: #272822; } border-bottom-color: #ef1778; }
.nav a:hover .caret { .nav a:hover .caret {
border-top-color: black; border-top-color: #ae0c55;
border-bottom-color: black; } border-bottom-color: #ae0c55; }
.nav-tabs .dropdown-menu { .nav-tabs .dropdown-menu {
margin-top: -1px; margin-top: -1px;
@@ -2239,10 +2239,10 @@ button.close {
color: white; } color: white; }
.btn .caret { .btn .caret {
border-top-color: white; } border-top-color: #555555; }
.dropup .btn .caret { .dropup .btn .caret {
border-bottom-color: white; } border-bottom-color: #555555; }
.btn-group, .btn-group,
.btn-group-vertical { .btn-group-vertical {
@@ -2847,7 +2847,7 @@ button.close {
.img-thumbnail { .img-thumbnail {
padding: 4px; padding: 4px;
line-height: 1.42857; line-height: 1.42857;
background-color: black; background-color: #272a31;
border: 1px solid #dddddd; border: 1px solid #dddddd;
border-radius: 3px; border-radius: 3px;
-webkit-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
@@ -2860,7 +2860,7 @@ button.close {
a.thumbnail:hover, a.thumbnail:hover,
a.thumbnail:focus { a.thumbnail:focus {
border-color: #272822; } border-color: #ef1778; }
.thumbnail > img { .thumbnail > img {
margin-left: auto; margin-left: auto;
@@ -2868,7 +2868,7 @@ a.thumbnail:focus {
.thumbnail .caption { .thumbnail .caption {
padding: 9px; padding: 9px;
color: #333333; } color: #555555; }
.media, .media,
.media-body { .media-body {
@@ -2888,7 +2888,7 @@ a.thumbnail:focus {
.media-heading { .media-heading {
margin: 0 0 5px; } margin: 0 0 5px; }
.media > .pull-left, #content .page-head .media > h2.page-title { .media > .pull-left, .page-head .media > h2.page-title {
margin-right: 10px; } margin-right: 10px; }
.media > .pull-right { .media > .pull-right {
margin-left: 10px; } margin-left: 10px; }
@@ -2964,7 +2964,7 @@ a.list-group-item.active > .badge, a.list-group-item.active > .badge-success, a.
.nav-pills > .active > a > .badge, .nav-pills > .active > a > .badge,
.nav-pills > .active > a > .badge-success, .nav-pills > .active > a > .badge-success,
.nav-pills > .active > a > .badge-error { .nav-pills > .active > a > .badge-error {
color: #272822; color: #ef1778;
background-color: #fff; } background-color: #fff; }
.nav-pills > li > a > .badge, .nav-pills > li > a > .badge-success, .nav-pills > li > a > .badge-error { .nav-pills > li > a > .badge, .nav-pills > li > a > .badge-success, .nav-pills > li > a > .badge-error {
@@ -3022,7 +3022,7 @@ a.list-group-item.active > .badge, a.list-group-item.active > .badge-success, a.
color: #fff; color: #fff;
text-align: center; text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #272822; background-color: #ef1778;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease; -webkit-transition: width 0.6s ease;
@@ -3031,7 +3031,7 @@ a.list-group-item.active > .badge, a.list-group-item.active > .badge-success, a.
transition: width 0.6s ease; } transition: width 0.6s ease; }
.progress-striped .progress-bar { .progress-striped .progress-bar {
background-color: #272822; background-color: #ef1778;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
@@ -3114,7 +3114,7 @@ a.list-group-item.active > .badge, a.list-group-item.active > .badge-success, a.
.pull-right { .pull-right {
float: right; } float: right; }
.pull-left, #content .page-head h2.page-title { .pull-left, .page-head h2.page-title {
float: left; } float: left; }
.hide { .hide {
@@ -3439,12 +3439,12 @@ a [class*=" icon-"] {
.pull-right { .pull-right {
float: right; } float: right; }
.pull-left, #content .page-head h2.page-title { .pull-left, .page-head h2.page-title {
float: left; } float: left; }
[class^="icon-"].pull-left, #content .page-head h2[class^="icon-"].page-title, [class^="icon-"].pull-left, .page-head h2[class^="icon-"].page-title,
[class*=" icon-"].pull-left, [class*=" icon-"].pull-left,
#content .page-head h2[class*=" icon-"].page-title { .page-head h2[class*=" icon-"].page-title {
margin-right: .3em; } margin-right: .3em; }
[class^="icon-"].pull-right, [class^="icon-"].pull-right,
@@ -3505,10 +3505,10 @@ a [class*=" icon-"] {
.nav-pills [class*=" icon-"].icon-large { .nav-pills [class*=" icon-"].icon-large {
line-height: .9em; } line-height: .9em; }
.btn [class^="icon-"].pull-left.icon-2x, .btn #content .page-head h2[class^="icon-"].icon-2x.page-title, #content .page-head .btn h2[class^="icon-"].icon-2x.page-title, .btn [class^="icon-"].pull-left.icon-2x, .btn .page-head h2[class^="icon-"].icon-2x.page-title, .page-head .btn h2[class^="icon-"].icon-2x.page-title,
.btn [class*=" icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x,
.btn #content .page-head h2[class*=" icon-"].icon-2x.page-title, .btn .page-head h2[class*=" icon-"].icon-2x.page-title,
#content .page-head .btn h2[class*=" icon-"].icon-2x.page-title, .page-head .btn h2[class*=" icon-"].icon-2x.page-title,
.btn [class^="icon-"].pull-right.icon-2x, .btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x { .btn [class*=" icon-"].pull-right.icon-2x {
margin-top: .18em; } margin-top: .18em; }
@@ -3517,10 +3517,10 @@ a [class*=" icon-"] {
.btn [class*=" icon-"].icon-spin.icon-large { .btn [class*=" icon-"].icon-spin.icon-large {
line-height: .8em; } line-height: .8em; }
.btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small #content .page-head h2[class^="icon-"].icon-2x.page-title, #content .page-head .btn.btn-small h2[class^="icon-"].icon-2x.page-title, .btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small .page-head h2[class^="icon-"].icon-2x.page-title, .page-head .btn.btn-small h2[class^="icon-"].icon-2x.page-title,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small #content .page-head h2[class*=" icon-"].icon-2x.page-title, .btn.btn-small .page-head h2[class*=" icon-"].icon-2x.page-title,
#content .page-head .btn.btn-small h2[class*=" icon-"].icon-2x.page-title, .page-head .btn.btn-small h2[class*=" icon-"].icon-2x.page-title,
.btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x { .btn.btn-small [class*=" icon-"].pull-right.icon-2x {
margin-top: .25em; } margin-top: .25em; }
@@ -3529,18 +3529,18 @@ a [class*=" icon-"] {
.btn.btn-large [class*=" icon-"] { .btn.btn-large [class*=" icon-"] {
margin-top: 0; } margin-top: 0; }
.btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large #content .page-head h2[class^="icon-"].icon-2x.page-title, #content .page-head .btn.btn-large h2[class^="icon-"].icon-2x.page-title, .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large .page-head h2[class^="icon-"].icon-2x.page-title, .page-head .btn.btn-large h2[class^="icon-"].icon-2x.page-title,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large #content .page-head h2[class*=" icon-"].icon-2x.page-title, .btn.btn-large .page-head h2[class*=" icon-"].icon-2x.page-title,
#content .page-head .btn.btn-large h2[class*=" icon-"].icon-2x.page-title, .page-head .btn.btn-large h2[class*=" icon-"].icon-2x.page-title,
.btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x { .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
margin-top: .05em; } margin-top: .05em; }
.btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large #content .page-head h2[class^="icon-"].icon-2x.page-title, #content .page-head .btn.btn-large h2[class^="icon-"].icon-2x.page-title, .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large .page-head h2[class^="icon-"].icon-2x.page-title, .page-head .btn.btn-large h2[class^="icon-"].icon-2x.page-title,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large #content .page-head h2[class*=" icon-"].icon-2x.page-title, .btn.btn-large .page-head h2[class*=" icon-"].icon-2x.page-title,
#content .page-head .btn.btn-large h2[class*=" icon-"].icon-2x.page-title { .page-head .btn.btn-large h2[class*=" icon-"].icon-2x.page-title {
margin-right: .2em; } margin-right: .2em; }
.btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x,
@@ -4789,7 +4789,7 @@ https://github.com/ghinda/css-toggle-switch
display: none; } display: none; }
.switch { .switch {
background-color: #bababa; background-color: #d0d0d0;
border-radius: 3px; } border-radius: 3px; }
.switch label { .switch label {
@@ -4997,13 +4997,13 @@ https://github.com/ghinda/css-toggle-switch
.prestashop-switch .slide-button { .prestashop-switch .slide-button {
position: relative; position: relative;
margin-right: 3px; margin-right: 3px;
border-color: #adadad; border-color: #c3c3c3;
color: white; color: white;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0e0e0), color-stop(100%, #c7c7c7)); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #dddddd));
background: -webkit-linear-gradient(top, #e0e0e0, #c7c7c7); background: -webkit-linear-gradient(top, #f6f6f6, #dddddd);
background: -moz-linear-gradient(top, #e0e0e0, #c7c7c7); background: -moz-linear-gradient(top, #f6f6f6, #dddddd);
background: -o-linear-gradient(top, #e0e0e0, #c7c7c7); background: -o-linear-gradient(top, #f6f6f6, #dddddd);
background: linear-gradient(top, #e0e0e0, #c7c7c7); background: linear-gradient(top, #f6f6f6, #dddddd);
-webkit-box-shadow: white 0 0 0 1px inset; -webkit-box-shadow: white 0 0 0 1px inset;
box-shadow: white 0 0 0 1px inset; } box-shadow: white 0 0 0 1px inset; }
@@ -5018,12 +5018,10 @@ html, body {
body.fixed-top { body.fixed-top {
position: relative; position: relative;
top: 35px; top: 35px; }
margin-bottom: 50px;
background-color: #272822; }
#header_infos { #header_infos {
background-color: #0c0c0b; background-color: #101215;
z-index: 9999; } z-index: 9999; }
#header_infos #header_shopname { #header_infos #header_shopname {
font-size: 1.6em; font-size: 1.6em;
@@ -5032,7 +5030,7 @@ body.fixed-top {
#header_infos #notifs_icon_wrapper i { #header_infos #notifs_icon_wrapper i {
font-size: 1.5em; } font-size: 1.5em; }
#header_infos #notifs_icon_wrapper .badge, #header_infos #notifs_icon_wrapper .badge-success, #header_infos #notifs_icon_wrapper .badge-error { #header_infos #notifs_icon_wrapper .badge, #header_infos #notifs_icon_wrapper .badge-success, #header_infos #notifs_icon_wrapper .badge-error {
background-color: #dc315e; } background-color: #ef1778; }
#main { #main {
position: relative; } position: relative; }
@@ -5056,12 +5054,11 @@ body.fixed-top {
-moz-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out; -o-transition-timing-function: ease-out;
transition-timing-function: ease-out; transition-timing-function: ease-out;
background-color: #e0e0e0; background-color: #f6f6f6; }
background-image: url("../img/patterns/bedge_grunge.png"); }
#content fieldset, #content .panel { #content fieldset, #content .panel {
padding: 20px; padding: 20px;
margin-bottom: 20px; margin-bottom: 20px;
border: solid 1px #c7c7c7; border: solid 1px #dddddd;
background-color: white; background-color: white;
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
-moz-border-radius: 5px; -moz-border-radius: 5px;
@@ -5074,17 +5071,16 @@ body.fixed-top {
height: 30px; height: 30px;
padding: 0 5px; padding: 0 5px;
margin: -16px -16px 15px -16px; margin: -16px -16px 15px -16px;
clear: both;
line-height: 30px; line-height: 30px;
color: white; color: contrasted(#daeec8);
font-size: 1.2em; font-size: 1.2em;
font-weight: 300; font-weight: 300;
text-transform: uppercase; text-transform: uppercase;
background-color: #272822; } background-color: #daeec8; }
#content h3 i, #content .panel-heading i, #content h3 a, #content .panel-heading a, #content .panel-heading i, #content .panel-heading a { #content h3 i, #content .panel-heading i, #content h3 a, #content .panel-heading a, #content .panel-heading i, #content .panel-heading a {
color: #60c276 !important; } color: contrasted(#daeec8); }
#content h3 .badge, #content .panel-heading .badge, #content h3 .badge-success, #content .panel-heading .badge-success, #content h3 .badge-error, #content .panel-heading .badge-error, #content .panel-heading .badge, #content .panel-heading .badge-success, #content .panel-heading .badge-error { #content h3 .badge, #content .panel-heading .badge, #content h3 .badge-success, #content .panel-heading .badge-success, #content h3 .badge-error, #content .panel-heading .badge-error, #content .panel-heading .badge, #content .panel-heading .badge-success, #content .panel-heading .badge-error {
background-color: #5d5f51; background-color: white;
border-radius: 0; border-radius: 0;
height: 29px; height: 29px;
line-height: 25px; line-height: 25px;
@@ -5094,7 +5090,7 @@ body.fixed-top {
float: left; float: left;
margin-left: -5px; } margin-left: -5px; }
#content .panel-danger .panel-heading { #content .panel-danger .panel-heading {
background-color: #dc315e !important; } background-color: #ef1778 !important; }
#content .panel-heading-big { #content .panel-heading-big {
font-size: 2em; font-size: 2em;
text-align: center; } text-align: center; }
@@ -5107,46 +5103,42 @@ body.fixed-top {
background-color: white; background-color: white;
color: #59a1e0; color: #59a1e0;
border: none; border: none;
border-bottom: solid 1px #c7c7c7; border-bottom: solid 1px #dddddd;
-webkit-box-shadow: white 0 0 0 1px inset; -webkit-box-shadow: white 0 0 0 1px inset;
box-shadow: white 0 0 0 1px inset; } box-shadow: white 0 0 0 1px inset; }
#content .page-head {
width: 100%; .page-head {
height: 69px; width: 100%;
padding: 5px 10px 0 0; height: 65px;
margin: 0; padding: 5px 10px 0 0;
border-bottom: 4px solid #348847; margin: 0;
position: fixed; border-bottom: 4px solid #71b238;
top: 37px; position: fixed;
left: 0px; top: 37px;
z-index: 9000; left: 0px;
background-color: #60c276; z-index: 9000;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 7px 0, rgba(255, 255, 255, 0.15) 0 -1px 0 inset; background-color: #8bc954;
box-shadow: rgba(0, 0, 0, 0.15) 0 7px 0, rgba(255, 255, 255, 0.15) 0 -1px 0 inset; } -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 7px 0, rgba(255, 255, 255, 0.15) 0 -1px 0 inset;
#content .page-head h2.page-title { box-shadow: rgba(0, 0, 0, 0.15) 0 7px 0, rgba(255, 255, 255, 0.15) 0 -1px 0 inset; }
padding: 0 0 0 260px; .page-head h2.page-title {
font-size: 20px; padding: 0 0 0 260px;
line-height: 25px; font-size: 20px;
color: white; line-height: 25px;
text-transform: uppercase; } color: white;
#content .page-head .btn-toolbar { text-transform: uppercase; }
.page-head .btn-toolbar {
margin: 0; }
.page-head .btn-toolbar .nav-tabs {
margin: 0; } margin: 0; }
#content .page-head .btn-toolbar .nav-tabs { .page-head .btn-toolbar .nav-tabs > li > a {
margin: 0; } color: #333333; }
#content .page-head .btn-toolbar .nav-tabs > li > a {
color: #333333; }
#content .page-head .btn-toolbar .nav-tabs > li > a > .active > a, #content .page-head .btn-toolbar .nav-tabs > li > a > .active > a:hover {
color: #3399ff;
background: whitesmoke; }
#sidebar { #sidebar {
z-index: 9001; z-index: 9001;
float: left; float: left;
position: absolute;
width: 240px; width: 240px;
background-color: #272822; background-color: #272a31;
border-bottom: 1px solid #34362e; border-bottom: 1px solid #32363f; }
border-right: 1px solid black; }
#sidebar > ul > li > ul.sub-menu { #sidebar > ul > li > ul.sub-menu {
display: none; display: none;
list-style: none; list-style: none;
@@ -5156,7 +5148,7 @@ body.fixed-top {
margin: 0; margin: 0;
padding: 0; } padding: 0; }
#sidebar > ul li { #sidebar > ul li {
background-color: #272822; background-color: #272a31;
list-style: none; } list-style: none; }
#sidebar > ul li:not(.active) ul { #sidebar > ul li:not(.active) ul {
display: none; } display: none; }
@@ -5164,18 +5156,22 @@ body.fixed-top {
display: block; display: block;
background-color: white; } background-color: white; }
#sidebar > ul > li:hover > a, #sidebar > ul > li.active > a { #sidebar > ul > li:hover > a, #sidebar > ul > li.active > a {
color: white; background-color: #8bc954;
background-color: #1a1a16; color: #333333;
-webkit-box-shadow: #60c276 -4px 0 0 inset; background-color: #8bc954;
box-shadow: #60c276 -4px 0 0 inset; } border-top: 1px solid #a5d57b;
border-bottom: 1px solid #71b238;
-webkit-box-shadow: #71b238 -4px 0 0 inset;
box-shadow: #71b238 -4px 0 0 inset; }
#sidebar > ul > li:hover > a i, #sidebar > ul > li.active > a i { #sidebar > ul > li:hover > a i, #sidebar > ul > li.active > a i {
color: #60c276 !important; } color: #8bc954 !important;
background-color: white; }
#sidebar > ul > li > a { #sidebar > ul > li > a {
display: block; display: block;
padding: 5px 0 5px 5px; padding: 5px 0 5px 5px;
border-top: 1px solid #34362e; border-top: 1px solid #32363f;
border-bottom: 1px solid black; border-bottom: 1px solid #101215;
color: #9da08f; color: #a8a9ac;
text-transform: uppercase; text-transform: uppercase;
text-decoration: none; text-decoration: none;
-webkit-transition-property: background-color, border, box-shadow; -webkit-transition-property: background-color, border, box-shadow;
@@ -5190,10 +5186,10 @@ body.fixed-top {
-moz-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out; -o-transition-timing-function: ease-out;
transition-timing-function: ease-out; transition-timing-function: ease-out;
-webkit-box-shadow: black -4px 0 0 inset; -webkit-box-shadow: #050506 -4px 0 0 inset;
box-shadow: black -4px 0 0 inset; } box-shadow: #050506 -4px 0 0 inset; }
#sidebar > ul > li > a i { #sidebar > ul > li > a i {
color: #6a6d5d !important; color: #606778 !important;
-webkit-transition-property: color; -webkit-transition-property: color;
-moz-transition-property: color; -moz-transition-property: color;
-o-transition-property: color; -o-transition-property: color;
@@ -5211,28 +5207,27 @@ body.fixed-top {
#sidebar > ul > li ul { #sidebar > ul > li ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
border-bottom: 1px solid #cecece;
background-color: white; } background-color: white; }
#sidebar > ul > li ul li a { #sidebar > ul > li ul li a {
display: block; display: block;
padding: 3px 10px 3px 10px; padding: 3px 10px 3px 10px;
font-size: 12px; font-size: 12px;
border: none; border: none;
border-bottom: 1px solid #bce5c5;
background-color: white; } background-color: white; }
#sidebar > ul > li ul li a i { #sidebar > ul > li ul li a i {
margin-top: 3px; margin-top: 3px;
color: #60c276; } color: #8bc954; }
#sidebar > ul > li ul li a:hover { #sidebar > ul > li ul li a:hover {
background-color: #e1f3e5; background-color: #e7f4dc;
text-decoration: none; } text-decoration: none; }
#sidebar > ul > li ul li a:hover i { #sidebar > ul > li ul li a:hover i {
color: #272822; } color: #272a31; }
#sidebar > ul > li ul li.active a { #sidebar > ul > li ul li.active a {
color: #1a1a1a; background-color: #8bc954;
background-color: #60c276; } color: #333333;
background-color: #8bc954; }
#sidebar > ul > li ul li.active a i { #sidebar > ul > li ul li.active a i {
color: #272822; } color: #272a31; }
.page-sidebar-closed #sidebar { .page-sidebar-closed #sidebar {
width: 50px; width: 50px;
@@ -5253,21 +5248,36 @@ body.fixed-top {
display: none; } display: none; }
.page-sidebar-closed #sidebar ul.submenu { .page-sidebar-closed #sidebar ul.submenu {
display: none !important; } display: none !important; }
.page-sidebar-closed #sidebar > ul > li:hover {
width: 250px !important;
position: relative;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 4px 4px 0;
box-shadow: rgba(0, 0, 0, 0.15) 4px 4px 0; }
.page-sidebar-closed #sidebar > ul > li:hover span.title {
display: inline-block; }
.page-sidebar-closed #sidebar > ul > li:hover ul.submenu {
display: block !important;
position: absolute;
left: 50px;
width: 200px !important;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 8px;
box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 8px; }
.page-sidebar-closed #content { .page-sidebar-closed #content {
margin-left: 50px; } margin-left: 50px; }
.page-sidebar-closed #content .page-head h2.page-title { .page-sidebar-closed #content .page-head h2.page-title {
padding: 0 0 0 70px; } padding: 0 0 0 70px; }
.menu-collapse { .menu-collapse {
height: 70px; height: 67px;
width: 100%; width: 100%;
font-size: 2em; font-size: 2em;
text-align: center; text-align: center;
line-height: 68px; line-height: 68px;
display: block; display: block;
background-color: black; } background-color: #7ec341;
border-bottom: 4px solid #659e32; }
.menu-collapse i { .menu-collapse i {
color: white !important; } color: #a5d57b; }
#menu .maintab > a [class^="icon-"], #menu .maintab > a [class*=" icon-"] { #menu .maintab > a [class^="icon-"], #menu .maintab > a [class*=" icon-"] {
font-size: 22px; font-size: 22px;
@@ -5280,7 +5290,6 @@ body.fixed-top {
line-height: 35px; } line-height: 35px; }
.toolbar_btn { .toolbar_btn {
border: solid 1px #97d7a6;
position: relative; position: relative;
padding: 2px 5px !important; padding: 2px 5px !important;
margin-right: 3px; margin-right: 3px;
@@ -5290,9 +5299,9 @@ body.fixed-top {
text-align: center; text-align: center;
text-shadow: none; } text-shadow: none; }
.toolbar_btn:hover { .toolbar_btn:hover {
color: #348847; color: #8bc954;
border-color: white; border-color: white;
background-color: white; } background-color: white !important; }
.icon-AdminDashboard { .icon-AdminDashboard {
background-color: #87c795; } background-color: #87c795; }
@@ -5334,9 +5343,9 @@ body.fixed-top {
background-color: #87c795; } background-color: #87c795; }
[class^="icon-Admin"] { [class^="icon-Admin"] {
background-color: #0c0c0b; background-color: #101215;
margin-right: 6px; margin-right: 6px;
color: #424439 !important; } color: #3e424d !important; }
[class^="process-icon-"], [class*=" process-icon-"] { [class^="process-icon-"], [class*=" process-icon-"] {
height: 32px; height: 32px;
@@ -5366,9 +5375,9 @@ label.control-label {
label.control-label span.label-tooltip { label.control-label span.label-tooltip {
text-decoration: none; text-decoration: none;
font-size: 13px; font-size: 13px;
background-color: lightgrey; background-color: #e9e9e9;
border: none; border: none;
border-bottom: solid 1px #c7c7c7; border-bottom: solid 1px #dddddd;
padding: 0 5px; padding: 0 5px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@@ -5407,65 +5416,47 @@ input[type="password"].input-tiny {
.fixed-width-XL { .fixed-width-XL {
width: 200px; } width: 200px; }
.btn {
text-transform: uppercase; }
.btn-default {
border-color: #adadad;
color: #4f5145;
background-color: white;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 -2px 0 inset;
box-shadow: rgba(0, 0, 0, 0.1) 0 -2px 0 inset; }
.btn-default:hover, .btn-default:focus {
border-color: #949494;
color: #4f5145;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0e0e0), color-stop(100%, #d3d3d3));
background: -webkit-linear-gradient(top, #e0e0e0, #d3d3d3);
background: -moz-linear-gradient(top, #e0e0e0, #d3d3d3);
background: -o-linear-gradient(top, #e0e0e0, #d3d3d3);
background: linear-gradient(top, #e0e0e0, #d3d3d3); }
.btn-primary {
border-color: #60c276;
color: #4f5145;
background-color: #f3fbf5;
-webkit-box-shadow: #aadeb6 0 -2px 0 inset;
box-shadow: #aadeb6 0 -2px 0 inset; }
.btn-primary:hover, .btn-primary:focus {
border-color: #60c276;
color: white;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #60c276), color-stop(100%, #42ad5a));
background: -webkit-linear-gradient(top, #60c276, #42ad5a);
background: -moz-linear-gradient(top, #60c276, #42ad5a);
background: -o-linear-gradient(top, #60c276, #42ad5a);
background: linear-gradient(top, #60c276, #42ad5a); }
.btn-default[disabled] {
border-color: #858874;
color: #4f5145;
background-color: #cecfc7;
-webkit-box-shadow: #b5b8ab 0 -2px 0 inset;
box-shadow: #b5b8ab 0 -2px 0 inset; }
.btn-default[disabled]:hover, .btn-default[disabled]:focus {
border-color: #60c276;
color: white;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #60c276), color-stop(100%, #42ad5a));
background: -webkit-linear-gradient(top, #60c276, #42ad5a);
background: -moz-linear-gradient(top, #60c276, #42ad5a);
background: -o-linear-gradient(top, #60c276, #42ad5a);
background: linear-gradient(top, #60c276, #42ad5a); }
.btn-group-action { .btn-group-action {
display: inline-block; display: inline-block;
white-space: nowrap; } white-space: nowrap; }
.btn-group-action a { .btn-group-action a {
text-decoration: none; } text-decoration: none; }
.btn {
text-transform: uppercase; }
.btn-default {
-webkit-box-shadow: #e6e6e6 0 -2px 0 inset;
box-shadow: #e6e6e6 0 -2px 0 inset; }
.btn-default:hover, .btn-default:focus {
background-color: #555555;
border-color: #222222;
-webkit-box-shadow: #222222 0 -2px 0 inset;
box-shadow: #222222 0 -2px 0 inset; }
.btn-primary {
-webkit-box-shadow: #c7e6c7 0 -2px 0 inset;
box-shadow: #c7e6c7 0 -2px 0 inset; }
.btn-primary:hover, .btn-primary:focus {
background-color: #555555;
border-color: #222222;
-webkit-box-shadow: #222222 0 -2px 0 inset;
box-shadow: #222222 0 -2px 0 inset; }
.btn-default[disabled] {
border-color: #999999;
color: #999999;
background-color: #f2f2f2;
-webkit-box-shadow: #cccccc 0 -2px 0 inset;
box-shadow: #cccccc 0 -2px 0 inset; }
.btn .caret { .btn .caret {
border-top-color: #4f5145 !important; } border-top-color: #333333 !important; }
.btn:hover .caret, .btn:focus .caret {
border-top-color: white !important; }
hr { hr {
border-color: #c7c7c7; border-color: #dddddd;
border-bottom: 1px solid white; } border-bottom: 1px solid white; }
.table { .table {
@@ -5473,7 +5464,7 @@ hr {
border-spacing: 0 2px; border-spacing: 0 2px;
margin-bottom: 5px; } margin-bottom: 5px; }
.table thead th { .table thead th {
background-color: #c7c7c7; } background-color: #dddddd; }
.table thead > tr > th { .table thead > tr > th {
font-weight: normal; font-weight: normal;
vertical-align: top; } vertical-align: top; }
@@ -5523,10 +5514,10 @@ tr.filter {
border-color: #a39f95; } border-color: #a39f95; }
.breadcrumb { .breadcrumb {
background-color: #f2f2f2; } background-color: white; }
.badge, .badge-success, .badge-error { .badge, .badge-success, .badge-error {
background-color: #60c276; } background-color: #8bc954; }
.badge-success { .badge-success {
background-color: #5cb85c; } background-color: #5cb85c; }
@@ -5536,7 +5527,7 @@ tr.filter {
.icon-big { .icon-big {
font-size: 4em; font-size: 4em;
color: #adadad; } color: #c3c3c3; }
#module-list h3, #module-list #content .panel-heading, #content #module-list .panel-heading { #module-list h3, #module-list #content .panel-heading, #content #module-list .panel-heading {
position: relative; position: relative;
@@ -5545,7 +5536,7 @@ tr.filter {
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: transparent; background-color: transparent;
color: #272822; color: #272a31;
font-weight: 500; } font-weight: 500; }
#footer { #footer {
@@ -5599,7 +5590,6 @@ tr.filter {
cursor: pointer; cursor: pointer;
font-size: 16px; font-size: 16px;
background-color: rgba(0, 0, 0, 0.8); } background-color: rgba(0, 0, 0, 0.8); }
#footer .go-top i {
color: #666666; #nobootstrap {
font-size: 22px; float: left; }
margin-bottom: 5px; }
admin-dev/themes/default/css/admin-theme.sass
+171 -153
View File
@@ -1,44 +1,64 @@
//variables //do some sass magic with color schemes
$icon-color: #87C795
//$bg-content-color: #F8F9FB // bleu gris clair
//$bg-content-color: #F8FBF8 // vert gris clair
//$bg-content-color: #F8F8F8 // gris
$bg-content-color: #E0E0E0 // gris foncé
//$bg-head-color: white
//$bg-head-color: #F5792B // orange
//$bg-head-color: #81A98C //vert d'eau
//$bg-head-color: #0091B0 // bleu
//$bg-head-color: #00C3C1 //turquoise
//$bg-head-color: #9DC44B // vert pomme
//$bg-head-color: #97C885 // vert menthe
//$bg-head-color: #4691D2 // bleu ciel
//$bg-head-color: #814C76 //violet
//$bg-head-color: #FE635F //saumon
//$bg-head-color: #F8235A //rose
//$bg-head-color: #F2B100 //moutarde
//$bg-head-color: #F7854E // abricot
//$bg-head-color: #665D5C // taupe clair
$bg-head-color: #60C276 //vert
//light //light
//$brand-primary: #98958C // sable //$main-color: #DBD8CF //sable
//$brand-primary: #92979B //gris //$main-color: #CFD7DD //bleu
//$brand-primary: #A9B6C1 //bleu
//dark //dark
//$brand-primary: #3D3D3D // gris $main-color: #272A31 //bleu PrestaShop
//$brand-primary: #515561 // gris bleu clair //$main-color: #3D3D3D //gris
//$brand-primary: #4D4645 //taupe //$main-color: #515561 //gris bleu clair
$brand-primary: #272822 // gris vert //$main-color: #4D4645 //taupe
//$brand-primary: #313A45 // gris //$main-color: #272822 //gris vert
//$brand-primary: #4F2E4A // violet //$main-color: #313A45 //gris bleu
//$brand-primary: #373E35 // vert camo //$main-color: #443A42 //violet
//$brand-primary: #262C3F // bleu nuit //$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
$panel-color: $brand-primary //$secondary-color: white //blanc
$bg-body-color: $brand-primary //$secondary-color: #F5792B //orange
$badge-panel-color: #DC315E //$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: #F8235A //rose
//$secondary-color: #F2B100 //moutarde
//$secondary-color: #F7854E //abricot
//$secondary-color: #937976 //taupe clair
//$secondary-color: #60C276 //vert
$secondary-color: #9DC44B //vert pomme
$secondary-color: #8BC954 //vert PrestaShop
//some tests
//$secondary-color: invert($main-color)
//$secondary-color: lighten(complement($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
//dark and light, love and war, fire and ice, etc...
$contrasted-dark-default: #333
$contrasted-light-default: white
$contrasted-lightness-threshold: 40% //30% default
//50 shades of gray
//$bg-content-color: #F8F9FB //bleu gris clair
//$bg-content-color: #F8FBF8 //vert gris clair
//$bg-content-color: #F8F8F8 //gris
//$bg-content-color: #E0E0E0 //gris foncé
$bg-content-color: #F6F6F6 //gris
//heading
//$bg-header-color: darken($secondary-color,20%)
$bg-header-color: darken($main-color,10%)
$bg-page-head-color : $secondary-color
$bg-panel-heading-color: lighten($secondary-color,30%)
//others
$badge-notif-color: #EF1778
$icon-color: #87C795
@import "compass" @import "compass"
@import "bootstrap/variables" @import "bootstrap/variables"
@@ -53,11 +73,9 @@ html, body
body.fixed-top body.fixed-top
position: relative position: relative
top: 35px top: 35px
margin-bottom: 50px
background-color: $bg-body-color
#header_infos #header_infos
background-color: darken($brand-primary,10%) background-color: $bg-header-color
z-index: 9999 z-index: 9999
#header_shopname #header_shopname
font-size: 1.6em font-size: 1.6em
@@ -67,7 +85,7 @@ body.fixed-top
i i
font-size: 1.5em font-size: 1.5em
.badge .badge
background-color: $badge-panel-color background-color: $badge-notif-color
#main #main
position: relative position: relative
@@ -83,7 +101,7 @@ body.fixed-top
@include transition-duration(0.4s) @include transition-duration(0.4s)
@include transition-timing-function(ease-out) @include transition-timing-function(ease-out)
background-color: $bg-content-color background-color: $bg-content-color
background-image: url('../img/patterns/bedge_grunge.png') //background-image: url('../img/patterns/bedge_grunge.png') // texture
fieldset, .panel fieldset, .panel
padding: 20px padding: 20px
margin-bottom: 20px margin-bottom: 20px
@@ -97,17 +115,16 @@ body.fixed-top
height: 30px height: 30px
padding: 0 5px padding: 0 5px
margin: -16px -16px 15px -16px margin: -16px -16px 15px -16px
clear: both
line-height: 30px line-height: 30px
color: white color: contrasted($bg-panel-heading-color)
font-size: 1.2em font-size: 1.2em
font-weight: 300 font-weight: 300
text-transform: uppercase text-transform: uppercase
background-color: $panel-color background-color: $bg-panel-heading-color
i, a i, a
color: $bg-head-color!important color: contrasted($bg-panel-heading-color)
.badge .badge
background-color: lighten($panel-color,20%) background-color: lighten($bg-panel-heading-color,20%)
border-radius: 0 border-radius: 0
height: 29px height: 29px
line-height: 25px line-height: 25px
@@ -117,7 +134,7 @@ body.fixed-top
float: left float: left
margin-left: -5px margin-left: -5px
.panel-danger .panel-heading .panel-danger .panel-heading
background-color: $badge-panel-color!important background-color: $badge-notif-color!important
.panel-heading-big .panel-heading-big
font-size: 2em font-size: 2em
text-align: center text-align: center
@@ -132,43 +149,43 @@ body.fixed-top
border: none border: none
border-bottom: solid 1px darken($bg-content-color,10%) border-bottom: solid 1px darken($bg-content-color,10%)
@include box-shadow(white 0 0 0 1px inset) @include box-shadow(white 0 0 0 1px inset)
.page-head
width: 100% .page-head
height: 69px width: 100%
padding: 5px 10px 0 0 height: 65px
padding: 5px 10px 0 0
margin: 0
border-bottom: 4px solid darken($secondary-color,10%)
position: fixed
top: 37px
left: 0px
z-index: 9000
background-color: $secondary-color
@include box-shadow(rgba(black,0.15) 0 7px 0, rgba(white,0.15) 0 -1px 0 inset)
h2.page-title
@extend .pull-left
padding: 0 0 0 260px
font-size: 20px
line-height: 25px
color: white
text-transform: uppercase
.btn-toolbar
margin: 0 margin: 0
border-bottom: 4px solid darken($bg-head-color,20%) .nav-tabs
position: fixed
top: 37px
left: 0px
z-index: 9000
background-color: $bg-head-color
@include box-shadow(rgba(black,0.15) 0 7px 0, rgba(white,0.15) 0 -1px 0 inset)
h2.page-title
@extend .pull-left
padding: 0 0 0 260px
font-size: 20px
line-height: 25px
color: white
text-transform: uppercase
.btn-toolbar
margin: 0 margin: 0
.nav-tabs .nav-tabs > li > a
margin: 0 color: #333
.nav-tabs > li > a > .active > a, > .active > a:hover
color: #333 //color: #3399ff
> .active > a, > .active > a:hover //background: #f5f5f5
color: #3399ff
background: #f5f5f5
#sidebar #sidebar
z-index: 9001 z-index: 9001
float: left float: left
position: absolute //position: absolute
width: 240px width: 240px
background-color: $brand-primary background-color: $main-color
border-bottom: 1px solid lighten($brand-primary,5%) border-bottom: 1px solid lighten($main-color,5%)
border-right: 1px solid black
> ul > li > ul.sub-menu > ul > li > ul.sub-menu
display: none display: none
list-style: none list-style: none
@@ -178,7 +195,7 @@ body.fixed-top
margin: 0 margin: 0
padding: 0 padding: 0
li li
background-color: lighten($brand-primary,0) background-color: $main-color
list-style: none list-style: none
li:not(.active) ul li:not(.active) ul
display: none display: none
@@ -188,25 +205,29 @@ body.fixed-top
background-color: white background-color: white
> li > li
&:hover > a, &.active > a &:hover > a, &.active > a
color: white @include contrasted($secondary-color)
background-color: darken($brand-primary,5%) background-color: $secondary-color
@include box-shadow($bg-head-color -4px 0 0 inset) border-top: 1px solid lighten($secondary-color,10%)
border-bottom: 1px solid darken($secondary-color,10%)
@include box-shadow(darken($secondary-color,10%) -4px 0 0 inset)
i i
color: $bg-head-color!important color: $secondary-color!important
background-color: white
> a > a
display: block display: block
padding: 5px 0 5px 5px padding: 5px 0 5px 5px
border-top: 1px solid lighten($brand-primary,5%) border-top: 1px solid lighten($main-color,5%)
border-bottom: 1px solid darken($brand-primary,15%) border-bottom: 1px solid darken($main-color,10%)
color: lighten($brand-primary,45%) $color: contrast-color($main-color, #333, white, 30%)
color: mix($color, $main-color, 60%)
text-transform: uppercase text-transform: uppercase
text-decoration: none text-decoration: none
@include transition-property(background-color, border, box-shadow) @include transition-property(background-color, border, box-shadow)
@include transition-duration(0.4s) @include transition-duration(0.4s)
@include transition-timing-function(ease-out) @include transition-timing-function(ease-out)
@include box-shadow(darken($brand-primary,15%) -4px 0 0 inset) @include box-shadow(darken($main-color,15%) -4px 0 0 inset)
i i
color: lighten($brand-primary,25%)!important color: lighten($main-color,25%)!important
@include transition-property(color) @include transition-property(color)
@include transition-duration(0.4s) @include transition-duration(0.4s)
@include transition-timing-function(ease-out) @include transition-timing-function(ease-out)
@@ -215,7 +236,6 @@ body.fixed-top
ul ul
margin: 0 margin: 0
padding: 0 padding: 0
border-bottom: 1px solid #CECECE
background-color: white background-color: white
li li
a a
@@ -223,22 +243,21 @@ body.fixed-top
padding: 3px 10px 3px 10px padding: 3px 10px 3px 10px
font-size: 12px font-size: 12px
border: none border: none
border-bottom: 1px solid lighten($bg-head-color,25%)
background-color: white background-color: white
i i
margin-top: 3px margin-top: 3px
color: $bg-head-color color: $secondary-color
&:hover &:hover
background-color: lighten($bg-head-color,35%) background-color: lighten($secondary-color,35%)
text-decoration: none text-decoration: none
i i
color: $brand-primary color: $main-color
&.active &.active
a a
color: #1A1A1A @include contrasted(darken($secondary-color,0%))
background-color: $bg-head-color background-color: darken($secondary-color,0%)
i i
color: $brand-primary color: $main-color
.page-sidebar-closed .page-sidebar-closed
#sidebar #sidebar
@@ -251,23 +270,35 @@ body.fixed-top
display: none display: none
ul.submenu ul.submenu
display: none!important display: none!important
> ul > li:hover
width: 250px!important
position: relative
@include box-shadow(rgba(black,0.15) 4px 4px 0 )
span.title
display: inline-block
ul.submenu
display: block!important
position: absolute
left: 50px
width: 200px!important
@include box-shadow(rgba(black,0.30) 4px 4px 8px )
#content #content
margin-left: 50px margin-left: 50px
.page-head h2.page-title .page-head h2.page-title
padding: 0 0 0 70px padding: 0 0 0 70px
.menu-collapse .menu-collapse
height: 70px height: 67px
width: 100% width: 100%
font-size: 2em font-size: 2em
text-align: center text-align: center
line-height: 68px line-height: 68px
display: block display: block
background-color: black background-color: darken($secondary-color,5%)
border-bottom: 4px solid darken($secondary-color,15%)
i i
color: white!important color: lighten($secondary-color,10%)
#menu .maintab > a [class^="icon-"], #menu .maintab > a [class*=" icon-"] #menu .maintab > a [class^="icon-"], #menu .maintab > a [class*=" icon-"]
font-size: 22px font-size: 22px
@@ -281,7 +312,6 @@ body.fixed-top
// Tool bar // Tool bar
.toolbar_btn .toolbar_btn
border: solid 1px lighten($bg-head-color,15%)
position: relative position: relative
padding: 2px 5px !important padding: 2px 5px !important
margin-right: 3px margin-right: 3px
@@ -291,9 +321,9 @@ body.fixed-top
text-align: center text-align: center
text-shadow: none text-shadow: none
&:hover &:hover
color: darken($bg-head-color,20%) color: $secondary-color
border-color: white border-color: white
background-color: white background-color: white!important
.icon-AdminDashboard .icon-AdminDashboard
@extend .icon-dashboard @extend .icon-dashboard
@@ -336,9 +366,9 @@ body.fixed-top
background-color: adjust-hue($icon-color, 360) background-color: adjust-hue($icon-color, 360)
[class^="icon-Admin"] [class^="icon-Admin"]
background-color: darken($brand-primary,10%) background-color: darken($main-color,10%)
margin-right: 6px margin-right: 6px
color: lighten($brand-primary,10%)!important color: lighten($main-color,10%)!important
[class^="process-icon-"], [class*=" process-icon-"] [class^="process-icon-"], [class*=" process-icon-"]
height: 32px height: 32px
@@ -453,48 +483,41 @@ input[type="password"].input-tiny
width: 200px width: 200px
.btn
text-transform: uppercase
.btn-default
border-color: darken($bg-content-color,20%)
color: lighten($brand-primary,15%)
//@include background(linear-gradient(top,$bg-content-color, darken($bg-content-color,10%)))
background-color: white
@include box-shadow(rgba(black,0.10) 0 -2px 0 inset)
&:hover, &:focus
border-color: darken($bg-content-color,30%)
color: lighten($brand-primary,15%)
@include background(linear-gradient(top, darken($bg-content-color,0%), darken($bg-content-color,5%)))
.btn-primary
border-color: $bg-head-color
color: lighten($brand-primary,15%)
background-color: lighten($bg-head-color,40%)
//@include background(linear-gradient(top,lighten($bg-head-color,10%),lighten($bg-head-color,0%)))
@include box-shadow(lighten($bg-head-color,20%) 0 -2px 0 inset)
&:hover, &:focus
border-color: $bg-head-color
color: lighten($bg-head-color,70%)
@include background(linear-gradient(top,darken($bg-head-color,0%),darken($bg-head-color,10%)))
.btn-default[disabled]
border-color: lighten($brand-primary,35%)
color: lighten($brand-primary,15%)
background-color: lighten($brand-primary,65%)
@include box-shadow(lighten($brand-primary,55%) 0 -2px 0 inset)
&:hover, &:focus
border-color: $bg-head-color
color: lighten($bg-head-color,70%)
@include background(linear-gradient(top,darken($bg-head-color,0%),darken($bg-head-color,10%)))
.btn-group-action .btn-group-action
display: inline-block display: inline-block
white-space: nowrap white-space: nowrap
a a
text-decoration: none text-decoration: none
.btn .caret
border-top-color: lighten($brand-primary,15%)!important .btn
text-transform: uppercase
.btn-default
@include box-shadow(darken($btn-default-bg,10%) 0 -2px 0 inset)
&:hover, &:focus
background-color: $gray
border-color: $gray-darker
@include box-shadow($gray-darker 0 -2px 0 inset)
.btn-primary
@include box-shadow(lighten($brand-success,30%) 0 -2px 0 inset)
&:hover, &:focus
background-color: $gray
border-color: $gray-darker
@include box-shadow($gray-darker 0 -2px 0 inset)
.btn-default[disabled]
border-color: $gray-light
color: $gray-light
background-color: lighten($gray-light,35%)
@include box-shadow(lighten($gray-light,20%) 0 -2px 0 inset)
.btn
.caret
border-top-color: $gray-dark!important
&:hover, &:focus
.caret
border-top-color: white!important
hr hr
@@ -563,7 +586,7 @@ tr.filter
background-color: lighten($bg-content-color,7%) background-color: lighten($bg-content-color,7%)
.badge .badge
background-color: $bg-head-color background-color: $secondary-color
.badge-success .badge-success
@extend .badge @extend .badge
@@ -578,7 +601,6 @@ tr.filter
color: darken($bg-content-color,20%) color: darken($bg-content-color,20%)
#module-list #module-list
h3 h3
position: relative position: relative
@@ -587,7 +609,7 @@ tr.filter
margin: 0 margin: 0
padding: 0 padding: 0
background-color: transparent background-color: transparent
color: $brand-primary color: $main-color
font-weight: 500 font-weight: 500
#footer #footer
@@ -639,9 +661,5 @@ tr.filter
font-size: 16px font-size: 16px
background-color: rgba(0,0,0,0.8) background-color: rgba(0,0,0,0.8)
#nobootstrap
.go-top i float: left
color: #666
font-size: 22px
margin-bottom: 5px
admin-dev/themes/default/css/bootstrap/_variables.scss
+18 -19
View File
@@ -10,27 +10,26 @@
// Grays // Grays
// ------------------------- // -------------------------
// $gray-darker: lighten(#000, 13.5%) ; #222 $gray-darker: lighten(#000, 13.5%) ; //#222
// $gray-dark: lighten(#000, 20%) ; #333 $gray-dark: lighten(#000, 20%) ; //#333
// $gray: lighten(#000, 33.5%) ; #555 $gray: lighten(#000, 33.5%) ; //#555
// $gray-light: lighten(#000, 60%) ; #999 $gray-light: lighten(#000, 60%) ; //#999
// $gray-lighter: lighten(#000, 93.5%) ; #eee $gray-lighter: lighten(#000, 93.5%) ; //#eee
// Brand colors // Brand colors
// ------------------------- // -------------------------
//$brand-primary: #163631 ; $brand-primary: #EF1778 ;
$brand-success: #5cb85c ; $brand-success: #5cb85c ;
$brand-warning: #f0ad4e ;
// $brand-warning: #f0ad4e ; $brand-danger: #d9534f ;
// $brand-danger: #d9534f ; $brand-info: #5bc0de ;
// $brand-info: #5bc0de ;
// Scaffolding // Scaffolding
// ------------------------- // -------------------------
$body-bg: darken($brand-primary,30%) ; $body-bg: $main-color ;
// $text-color: $gray-dark ; $text-color: $gray ;
// Links // Links
// ------------------------- // -------------------------
@@ -84,7 +83,7 @@ $border-radius-base: 3px ;
// $table-bg: transparent ; overall background-color // $table-bg: transparent ; overall background-color
// $table-bg-accent: #f9f9f9 ; for striping // $table-bg-accent: #f9f9f9 ; for striping
$table-bg-hover: lighten($bg-head-color,35%) ; $table-bg-hover: lighten($secondary-color,35%) ;
// $table-border-color: #ddd ; table and cell border // $table-border-color: #ddd ; table and cell border
@@ -92,13 +91,13 @@ $table-bg-hover: lighten($bg-head-color,35%) ;
// Buttons // Buttons
// ------------------------- // -------------------------
// $btn-default-color: #fff ; $btn-default-color: $text-color ;
$btn-default-bg: #48525F ; $btn-default-bg: white ;
// $btn-default-border: $btn-default-bg ; $btn-default-border: #ccc ;
// $btn-primary-color: $btn-default-color ; $btn-primary-color: $btn-default-color ;
// $btn-primary-bg: $brand-primary ; $btn-primary-bg: white ;
// $btn-primary-border: $btn-primary-bg ; $btn-primary-border: $brand-success ;
// $btn-success-color: $btn-default-color ; // $btn-success-color: $btn-default-color ;
// $btn-success-bg: $brand-success ; // $btn-success-bg: $brand-success ;
admin-dev/themes/default/template/controllers/modules/favorites.tpl
-2
View File
@@ -1,4 +1,3 @@
<div id="productBox">
{include file='controllers/modules/header.tpl'} {include file='controllers/modules/header.tpl'}
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
@@ -102,4 +101,3 @@
</div> </div>
</div> </div>
</div> </div>
</div>
admin-dev/themes/default/template/controllers/modules/page.tpl
+2 -3
View File
@@ -23,7 +23,7 @@
* International Registered Trademark & Property of PrestaShop SA * International Registered Trademark & Property of PrestaShop SA
*} *}
<div id="productBox">
{include file='controllers/modules/header.tpl'} {include file='controllers/modules/header.tpl'}
{include file='controllers/modules/login_addons.tpl'} {include file='controllers/modules/login_addons.tpl'}
@@ -73,5 +73,4 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>