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

// fix some test with colors & fix for login screen

Browse Source
This commit is contained in:
Kevin Granger committed 2013-08-09 18:57:22 +02:00
1 parent a64fcdd135
commit d3717f0950
4 files changed
+139 -120
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
+106 -104
View File
@@ -253,7 +253,7 @@ body {
font-size: 12px; font-size: 12px;
line-height: 1.42857; line-height: 1.42857;
color: #555555; color: #555555;
background-color: #272a31; } background-color: #8c8574; }
input, input,
button, button,
@@ -264,12 +264,12 @@ textarea {
line-height: inherit; } line-height: inherit; }
a { a {
color: #33556e; color: #173741;
text-decoration: none; } text-decoration: none; }
a:hover, a:hover,
a:focus { a:focus {
color: #1b2d3a; color: #030708;
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: #272a31; } background-color: #8c8574; }
.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: #e7f4dc; } background-color: #f2f9f6; }
table col[class^="col-"] { table col[class^="col-"] {
float: none; float: none;
@@ -1555,7 +1555,7 @@ input[type="color"].input-small {
border-color: #5bc0de; } border-color: #5bc0de; }
.btn-link { .btn-link {
color: #33556e; color: #173741;
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: #1b2d3a; color: #030708;
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: #2b485d; background-color: #10272e;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#33556e), to(#2b485d)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#173741), to(#10272e));
background-image: -webkit-linear-gradient(top, #33556e, #2b485d); background-image: -webkit-linear-gradient(top, #173741, #10272e);
background-image: -moz-linear-gradient(top, #33556e, #2b485d); background-image: -moz-linear-gradient(top, #173741, #10272e);
background-image: linear-gradient(to bottom, #33556e, #2b485d); background-image: linear-gradient(to bottom, #173741, #10272e);
background-repeat: repeat-x; background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF33556E', endColorstr='#FF2B485D', GradientType=0); } filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF173741', endColorstr='#FF10272E', 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: #2b485d; background-color: #10272e;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#33556e), to(#2b485d)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#173741), to(#10272e));
background-image: -webkit-linear-gradient(top, #33556e, #2b485d); background-image: -webkit-linear-gradient(top, #173741, #10272e);
background-image: -moz-linear-gradient(top, #33556e, #2b485d); background-image: -moz-linear-gradient(top, #173741, #10272e);
background-image: linear-gradient(to bottom, #33556e, #2b485d); background-image: linear-gradient(to bottom, #173741, #10272e);
background-repeat: repeat-x; background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF33556E', endColorstr='#FF2B485D', GradientType=0); } filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF173741', endColorstr='#FF10272E', 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: #33556e; background-color: #173741;
border-color: #33556e; } border-color: #173741; }
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: #9cbbd1; } color: #5eadc6; }
.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: #33556e; } border-color: #173741; }
.panel-primary .panel-heading { .panel-primary .panel-heading {
color: white; color: white;
background-color: #33556e; background-color: #173741;
border-color: #33556e; } border-color: #173741; }
.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: #e9e9e9; background-color: #ebebeb;
border: 1px solid #d7d7d7; border: 1px solid #d9d9d9;
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: #33556e; background-color: #173741;
border-color: #33556e; } border-color: #173741; }
.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: #272a31; background-color: #8c8574;
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: #33556e; } background-color: #173741; }
.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: #272a31; } border-bottom-color: #8c8574; }
.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: #33556e; border-top-color: #173741;
border-bottom-color: #33556e; } border-bottom-color: #173741; }
.nav a:hover .caret { .nav a:hover .caret {
border-top-color: #1b2d3a; border-top-color: #030708;
border-bottom-color: #1b2d3a; } border-bottom-color: #030708; }
.nav-tabs .dropdown-menu { .nav-tabs .dropdown-menu {
margin-top: -1px; margin-top: -1px;
@@ -2847,7 +2847,7 @@ button.close {
.img-thumbnail { .img-thumbnail {
padding: 4px; padding: 4px;
line-height: 1.42857; line-height: 1.42857;
background-color: #272a31; background-color: #8c8574;
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: #33556e; } border-color: #173741; }
.thumbnail > img { .thumbnail > img {
margin-left: auto; margin-left: auto;
@@ -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: #33556e; color: #173741;
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: #33556e; background-color: #173741;
-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: #33556e; background-color: #173741;
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);
@@ -4367,7 +4367,7 @@ a .icon-flip-vertical:before {
.icon-h-sign:before { .icon-h-sign:before {
content: "\f0fd"; } content: "\f0fd"; }
.icon-plus-sign-alt:before, .process-icon-new:before, .process-icon-newAttributes:before { .icon-plus-sign-alt:before, .process-icon-new:before, .process-icon-newAttributes:before, .process-icon-new-url:before {
content: "\f0fe"; } content: "\f0fe"; }
.icon-double-angle-left:before { .icon-double-angle-left:before {
@@ -4789,7 +4789,7 @@ https://github.com/ghinda/css-toggle-switch
display: none; } display: none; }
.switch { .switch {
background-color: #d0d0d0; background-color: #d2d2d2;
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: #c3c3c3; border-color: #c5c5c5;
color: white; color: white;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #dddddd)); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8), color-stop(100%, #dfdfdf));
background: -webkit-linear-gradient(top, #f6f6f6, #dddddd); background: -webkit-linear-gradient(top, #f8f8f8, #dfdfdf);
background: -moz-linear-gradient(top, #f6f6f6, #dddddd); background: -moz-linear-gradient(top, #f8f8f8, #dfdfdf);
background: -o-linear-gradient(top, #f6f6f6, #dddddd); background: -o-linear-gradient(top, #f8f8f8, #dfdfdf);
background: linear-gradient(top, #f6f6f6, #dddddd); background: linear-gradient(top, #f8f8f8, #dfdfdf);
-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; }
@@ -5016,7 +5016,7 @@ html, body {
height: 100%; } height: 100%; }
#header_infos { #header_infos {
background-color: #101215; background-color: #242424;
z-index: 9999; } z-index: 9999; }
#header_infos #header_shopname { #header_infos #header_shopname {
font-size: 1.6em; font-size: 1.6em;
@@ -5037,6 +5037,7 @@ html, body {
width: 100%; } width: 100%; }
#content { #content {
min-height: 900px;
padding: 90px 20px 20px; padding: 90px 20px 20px;
margin-left: 240px; margin-left: 240px;
-webkit-transition-property: margin; -webkit-transition-property: margin;
@@ -5051,12 +5052,12 @@ html, body {
-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: #f6f6f6; background-color: #f8f8f8;
background-image: url("../img/patterns/bedge_grunge.png"); } 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 #dddddd; border: solid 1px #dfdfdf;
background-color: white; background-color: white;
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
-moz-border-radius: 5px; -moz-border-radius: 5px;
@@ -5070,13 +5071,13 @@ html, body {
padding: 0 5px; padding: 0 5px;
margin: -16px -16px 15px -16px; margin: -16px -16px 15px -16px;
line-height: 30px; line-height: 30px;
color: contrasted(#daeec8); color: contrasted(#e1f1e9);
font-size: 1.2em; font-size: 1.2em;
font-weight: 300; font-weight: 300;
text-transform: uppercase; text-transform: uppercase;
background-color: #daeec8; } background-color: #e1f1e9; }
#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: contrasted(#daeec8); } color: contrasted(#e1f1e9); }
#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: white; background-color: white;
border-radius: 0; border-radius: 0;
@@ -5101,7 +5102,7 @@ html, body {
background-color: white; background-color: white;
color: #59a1e0; color: #59a1e0;
border: none; border: none;
border-bottom: solid 1px #dddddd; border-bottom: solid 1px #dfdfdf;
-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; }
@@ -5110,12 +5111,12 @@ html, body {
height: 65px; height: 65px;
padding: 5px 10px 0 0; padding: 5px 10px 0 0;
margin: 0; margin: 0;
border-bottom: 4px solid #71b238; border-bottom: 4px solid #56b084;
position: fixed; position: fixed;
top: 37px; top: 37px;
left: 0px; left: 0px;
z-index: 9000; z-index: 9000;
background-color: #8bc954; background-color: #79c09d;
-webkit-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;
box-shadow: rgba(0, 0, 0, 0.15) 0 7px 0, rgba(255, 255, 255, 0.15) 0 -1px 0 inset; } box-shadow: rgba(0, 0, 0, 0.15) 0 7px 0, rgba(255, 255, 255, 0.15) 0 -1px 0 inset; }
.page-head h2.page-title { .page-head h2.page-title {
@@ -5135,8 +5136,8 @@ html, body {
z-index: 9001; z-index: 9001;
float: left; float: left;
width: 240px; width: 240px;
background-color: #272a31; background-color: #8c8574;
border-bottom: 1px solid #32363f; } border-bottom: 1px solid #989182; }
#sidebar > ul > li > ul.sub-menu { #sidebar > ul > li > ul.sub-menu {
display: none; display: none;
list-style: none; list-style: none;
@@ -5146,7 +5147,7 @@ html, body {
margin: 0; margin: 0;
padding: 0; } padding: 0; }
#sidebar > ul li { #sidebar > ul li {
background-color: #272a31; background-color: #8c8574;
list-style: none; } list-style: none; }
#sidebar > ul li:not(.active) ul { #sidebar > ul li:not(.active) ul {
display: none; } display: none; }
@@ -5154,31 +5155,32 @@ html, body {
display: block; display: block;
background-color: white; } background-color: white; }
#sidebar > ul > li.active > a { #sidebar > ul > li.active > a {
color: white; color: contrasted(#8c8574, 30%);
background-color: #8bc954; background-color: #79c09d;
border-top: 1px solid #a5d57b; border-top: 1px solid #9cd0b6;
border-bottom: 1px solid #71b238; border-bottom: 1px solid #56b084;
-webkit-box-shadow: #71b238 -4px 0 0 inset; -webkit-box-shadow: #56b084 -4px 0 0 inset;
box-shadow: #71b238 -4px 0 0 inset; } box-shadow: #56b084 -4px 0 0 inset; }
#sidebar > ul > li.active > a i { #sidebar > ul > li.active > a i {
color: #33556e !important; color: #173741 !important;
background-color: white; } background-color: white; }
#sidebar > ul > li.active:hover > a { #sidebar > ul > li.active:hover > a {
color: white; color: white;
-webkit-box-shadow: #71b238 -4px 0 0 inset; -webkit-box-shadow: #56b084 -4px 0 0 inset;
box-shadow: #71b238 -4px 0 0 inset; } box-shadow: #56b084 -4px 0 0 inset; }
#sidebar > ul > li:hover > a { #sidebar > ul > li:hover > a {
-webkit-box-shadow: #33556e -4px 0 0 inset; -webkit-box-shadow: #173741 -4px 0 0 inset;
box-shadow: #33556e -4px 0 0 inset; } box-shadow: #173741 -4px 0 0 inset; }
#sidebar > ul > li:hover > a i { #sidebar > ul > li:hover > a i {
color: #33556e !important; color: #173741 !important;
background-color: white; } background-color: white; }
#sidebar > ul > li > a { #sidebar > ul > li > a {
display: block; display: block;
padding: 3px 0 3px 5px; padding: 3px 0 3px 5px;
border-top: 1px solid #32363f; border-top: 1px solid #989182;
border-bottom: 1px solid #101215; border-bottom: 1px solid #706b5d;
color: #bebfc1; color: #dcdad5;
background-color: #8c8574;
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;
@@ -5193,10 +5195,11 @@ html, body {
-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: #050506 -4px 0 0 inset; -webkit-box-shadow: #625d51 -4px 0 0 inset;
box-shadow: #050506 -4px 0 0 inset; } box-shadow: #625d51 -4px 0 0 inset; }
#sidebar > ul > li > a i { #sidebar > ul > li > a i {
color: #606778 !important; color: #c6c2ba;
background-color: #46433a;
-webkit-transition-property: color; -webkit-transition-property: color;
-moz-transition-property: color; -moz-transition-property: color;
-o-transition-property: color; -o-transition-property: color;
@@ -5222,25 +5225,24 @@ html, body {
border: none; border: none;
border-bottom: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee;
background-color: white; background-color: white;
-webkit-box-shadow: #272a31 -4px 0 0 inset; -webkit-box-shadow: #8c8574 -4px 0 0 inset;
box-shadow: #272a31 -4px 0 0 inset; } box-shadow: #8c8574 -4px 0 0 inset; }
#sidebar > ul > li ul li a i { #sidebar > ul > li ul li a i {
margin-top: 3px; margin-top: 3px;
color: #8bc954; } color: #79c09d; }
#sidebar > ul > li ul li a:hover { #sidebar > ul > li ul li a:hover {
color: #33556e; color: #173741;
background-color: #e9e9ea; background-color: #f3f2f1;
text-decoration: none; text-decoration: none;
-webkit-box-shadow: #33556e -4px 0 0 inset; -webkit-box-shadow: #173741 -4px 0 0 inset;
box-shadow: #33556e -4px 0 0 inset; } box-shadow: #173741 -4px 0 0 inset; }
#sidebar > ul > li ul li a:hover i { #sidebar > ul > li ul li a:hover i {
color: #272a31; } color: #8c8574; }
#sidebar > ul > li ul li.active a { #sidebar > ul > li ul li.active a {
background-color: #33556e;
color: white; color: white;
background-color: #33556e; } background-color: #173741; }
#sidebar > ul > li ul li.active a i { #sidebar > ul > li ul li.active a i {
color: #272a31; } color: #8c8574; }
.page-sidebar-closed #sidebar { .page-sidebar-closed #sidebar {
width: 50px; width: 50px;
@@ -5283,10 +5285,10 @@ html, body {
text-align: center; text-align: center;
line-height: 68px; line-height: 68px;
display: block; display: block;
background-color: #7ec341; background-color: #68b890;
border-bottom: 4px solid #659e32; } border-bottom: 4px solid #4ca177; }
.menu-collapse i { .menu-collapse i {
color: #a5d57b; } color: #9cd0b6; }
#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;
@@ -5308,7 +5310,7 @@ html, body {
text-align: center; text-align: center;
text-shadow: none; } text-shadow: none; }
.toolbar_btn:hover { .toolbar_btn:hover {
color: #8bc954; color: #79c09d;
border-color: white; border-color: white;
background-color: white !important; } background-color: white !important; }
@@ -5352,9 +5354,9 @@ html, body {
background-color: #87c795; } background-color: #87c795; }
[class^="icon-Admin"] { [class^="icon-Admin"] {
background-color: #101215; background-color: #706b5d;
margin-right: 6px; margin-right: 6px;
color: #3e424d !important; } color: #a39d90 !important; }
[class^="process-icon-"], [class*=" process-icon-"] { [class^="process-icon-"], [class*=" process-icon-"] {
height: 32px; height: 32px;
@@ -5384,9 +5386,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: #e9e9e9; background-color: #ebebeb;
border: none; border: none;
border-bottom: solid 1px #dddddd; border-bottom: solid 1px #dfdfdf;
padding: 0 5px; padding: 0 5px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@@ -5465,7 +5467,7 @@ input[type="password"].input-tiny {
border-top-color: white !important; } border-top-color: white !important; }
hr { hr {
border-color: #dddddd; border-color: #dfdfdf;
border-bottom: 1px solid white; } border-bottom: 1px solid white; }
.table { .table {
@@ -5473,7 +5475,7 @@ hr {
border-spacing: 0 2px; border-spacing: 0 2px;
margin-bottom: 5px; } margin-bottom: 5px; }
.table thead th { .table thead th {
background-color: #dddddd; } background-color: #dfdfdf; }
.table thead > tr > th { .table thead > tr > th {
font-weight: normal; font-weight: normal;
vertical-align: top; } vertical-align: top; }
@@ -5526,7 +5528,7 @@ tr.filter {
background-color: white; } background-color: white; }
.badge, .badge-success, .badge-error { .badge, .badge-success, .badge-error {
background-color: #8bc954; } background-color: #79c09d; }
.badge-success { .badge-success {
background-color: #5cb85c; } background-color: #5cb85c; }
@@ -5536,7 +5538,7 @@ tr.filter {
.icon-big { .icon-big {
font-size: 4em; font-size: 4em;
color: #c3c3c3; } color: #c5c5c5; }
#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 +5547,7 @@ tr.filter {
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: transparent; background-color: transparent;
color: #272a31; color: #8c8574;
font-weight: 500; } font-weight: 500; }
#footer { #footer {
@@ -5553,7 +5555,7 @@ tr.filter {
width: 100%; width: 100%;
height: 60px; height: 60px;
padding: 5px 0; padding: 5px 0;
background-color: #101215; background-color: #242424;
color: #888888; } color: #888888; }
#footer a { #footer a {
color: #cccccc; } color: #cccccc; }
admin-dev/themes/default/css/admin-theme.sass
+27 -14
View File
@@ -1,8 +1,11 @@
//light //light
//$main-color: #DBD8CF //sable //$main-color: #DBD8CF //sable
//$main-color: #CFD7DD //bleu //$main-color: #CFD7DD //bleu
//$main-color: #E0E0E0
//$main-color: #D7D6DE //violet
//$main-color: #F1F8FE //theme wordpress
//dark //dark
$main-color: #272A31 //bleu PrestaShop //$main-color: #272A31 //bleu PrestaShop
//$main-color: #3D3D3D //gris //$main-color: #3D3D3D //gris
//$main-color: #515561 //gris bleu clair //$main-color: #515561 //gris bleu clair
//$main-color: #4D4645 //taupe //$main-color: #4D4645 //taupe
@@ -12,6 +15,7 @@ $main-color: #272A31 //bleu PrestaShop
//$main-color: #373E35 //vert camo //$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: #262C3F //bleu nuit - pretty sure that a girl could do better naming the colors, sorry about that...
//$main-color: white //$main-color: white
$main-color: #8C8574
//$secondary-color: white //blanc //$secondary-color: white //blanc
//$secondary-color: #F5792B //orange //$secondary-color: #F5792B //orange
@@ -27,12 +31,14 @@ $main-color: #272A31 //bleu PrestaShop
//$secondary-color: #F7854E //abricot //$secondary-color: #F7854E //abricot
//$secondary-color: #937976 //taupe clair //$secondary-color: #937976 //taupe clair
//$secondary-color: #60C276 //vert //$secondary-color: #60C276 //vert
$secondary-color: #9DC44B //vert pomme //$secondary-color: #9DC44B //vert pomme
$secondary-color: #8BC954 //vert PrestaShop //$secondary-color: #6992AF //theme wordpress
//$secondary-color: #8BC954 //vert PrestaShop
//some tests //some tests
$secondary-color: #79C09D
//$secondary-color: invert($main-color) //$secondary-color: invert($main-color)
//$secondary-color: lighten(complement($main-color),20%) //$secondary-color: lighten(invert($main-color),20%)
//$secondary-color: adjust-hue($main-color, 80%) //$secondary-color: adjust-hue($main-color, 80%)
//$hue: hue(adjust-hue($main-color, 80%)) //$hue: hue(adjust-hue($main-color, 80%))
//$secondary-color: hsl($hue, 50%, 50%) //Creates a Color from hue, saturation, and lightness values //$secondary-color: hsl($hue, 50%, 50%) //Creates a Color from hue, saturation, and lightness values
@@ -40,19 +46,19 @@ $secondary-color: #8BC954 //vert PrestaShop
//dark and light, love and war, fire and ice, etc... //dark and light, love and war, fire and ice, etc...
$contrasted-dark-default: #333 $contrasted-dark-default: #333
$contrasted-light-default: white $contrasted-light-default: white
$contrasted-lightness-threshold: 40% //30% default $contrasted-lightness-threshold: 10% //30% default
//50 shades of gray //50 shades of gray
//$bg-content-color: #F8F9FB //bleu gris clair //$bg-content-color: #F8F9FB //bleu gris clair
//$bg-content-color: #F8FBF8 //vert gris clair //$bg-content-color: #F8FBF8 //vert gris clair
//$bg-content-color: #F8F8F8 //gris $bg-content-color: #F8F8F8 //gris
//$bg-content-color: #E0E0E0 //gris foncé //$bg-content-color: #F8F4E3 //gris foncé
$bg-content-color: #F6F6F6 //gris //$bg-content-color: #F6F6F6 //gris
//heading //heading
//$bg-header-color: darken($secondary-color,20%) //$bg-header-color: darken($secondary-color,20%)
$bg-header-color: darken($main-color,10%) $bg-header-color: #242424
$bg-footer-color: darken($main-color,10%) $bg-footer-color: #242424
$bg-page-head-color : $secondary-color $bg-page-head-color : $secondary-color
$bg-panel-heading-color: lighten($secondary-color,30%) $bg-panel-heading-color: lighten($secondary-color,30%)
@@ -96,6 +102,7 @@ body.fixed-top
width: 100% width: 100%
#content #content
min-height: 900px
padding: 90px 20px 20px padding: 90px 20px 20px
margin-left: 240px margin-left: 240px
@include transition-property(margin) @include transition-property(margin)
@@ -205,7 +212,7 @@ body.fixed-top
background-color: white background-color: white
> li > li
&.active > a &.active > a
color: contrast-color($main-color, #333, white, 30%) color: contrasted($main-color, 30%)
background-color: $secondary-color background-color: $secondary-color
border-top: 1px solid lighten($secondary-color,10%) border-top: 1px solid lighten($secondary-color,10%)
border-bottom: 1px solid darken($secondary-color,10%) border-bottom: 1px solid darken($secondary-color,10%)
@@ -227,8 +234,9 @@ body.fixed-top
padding: 3px 0 3px 5px padding: 3px 0 3px 5px
border-top: 1px solid lighten($main-color,5%) border-top: 1px solid lighten($main-color,5%)
border-bottom: 1px solid darken($main-color,10%) border-bottom: 1px solid darken($main-color,10%)
$color: contrast-color($main-color, #333, white, 30%) $color: contrast-color($main-color, white, #333, 10%)
color: mix($main-color, $color, 30%) color: mix($main-color, $color, 30%)
background-color: $main-color
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)
@@ -236,7 +244,8 @@ body.fixed-top
@include transition-timing-function(ease-out) @include transition-timing-function(ease-out)
@include box-shadow(darken($main-color,15%) -4px 0 0 inset) @include box-shadow(darken($main-color,15%) -4px 0 0 inset)
i i
color: lighten($main-color,25%)!important color: lighten($main-color,25%)
background-color: darken($main-color,25%)
@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)
@@ -267,7 +276,7 @@ body.fixed-top
color: $main-color color: $main-color
&.active &.active
a a
@include contrasted($brand-primary) color: contrast-color($brand-primary, white, #333, 10%)
background-color: $brand-primary background-color: $brand-primary
i i
color: $main-color color: $main-color
@@ -444,6 +453,10 @@ body.fixed-top
@extend .icon-exchange @extend .icon-exchange
.process-icon-cancel .process-icon-cancel
@extend .icon-remove @extend .icon-remove
.process-icon-new-url
@extend .icon-plus-sign-alt
.navbar-inner .navbar-inner
box-shadow: none!important box-shadow: none!important
admin-dev/themes/default/css/bootstrap/_variables.scss
+4 -1
View File
@@ -21,7 +21,10 @@ $gray-lighter: lighten(#000, 93.5%) ; //#eee
//$brand-primary: #EF1778 ; //rose Prestashop //$brand-primary: #EF1778 ; //rose Prestashop
//$brand-primary: #1EAEC0 ; //bleu turquoise //$brand-primary: #1EAEC0 ; //bleu turquoise
$brand-primary: #33556E ; //$brand-primary: #33556E ;
//$brand-primary: #7F8AAE ;
$brand-primary: #173741 ;
$brand-success: #5cb85c ; $brand-success: #5cb85c ;
$brand-warning: #f0ad4e ; $brand-warning: #f0ad4e ;
admin-dev/themes/default/template/header.tpl
+2 -1
View File
@@ -256,7 +256,7 @@
$('body').toggleClass('page-sidebar-closed'); $('body').toggleClass('page-sidebar-closed');
}); });
</script> </script>
{if $controller_name != 'AdminLogin'}
<ul id="menu"> <ul id="menu">
<li class="maintab"> <li class="maintab">
<a href="{$link->getAdminLink('AdminHome')|escape:'htmlall':'UTF-8'}" class="title"> <a href="{$link->getAdminLink('AdminHome')|escape:'htmlall':'UTF-8'}" class="title">
@@ -287,6 +287,7 @@
{/if} {/if}
{/foreach} {/foreach}
</ul> </ul>
{/if}
</div> </div>
<div id="content" class="page-content"> <div id="content" class="page-content">