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

// Css cleaning

Browse Source
This commit is contained in:
Kevin Granger
2013-07-19 18:41:15 +02:00
parent 0b4512dbcb
commit 288c0d3ca8
6 changed files with 294 additions and 251 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin-dev/themes/default/css/_toggle-switch.scss
+10 -3
View File
@@ -207,7 +207,6 @@ https://github.com/ghinda/css-toggle-switch
.switch .slide-button, .switch .slide-button,
.toggle .slide-button { .toggle .slide-button {
display: block; display: block;
-webkit-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out;
@@ -248,15 +247,23 @@ https://github.com/ghinda/css-toggle-switch
font-weight: 300; font-weight: 300;
text-align: center; text-align: center;
border-radius: 3px; border-radius: 3px;
@include box-shadow(rgba(#48525F,0.3) 0 0 6px 1px inset)
} }
.prestashop-switch input:checked + label { .prestashop-switch input:checked + label {
color: #fff; color: #fff;
text-shadow: none; text-shadow: none;
} }
.prestashop-switch .slide-button { .prestashop-switch .slide-button {
background-color: $btn-default-bg; @extend .btn;
@extend .btn-primary;
border-radius: 3px; border-radius: 3px;
border: none; position: relative;
margin-right: 3px;
border-bottom: 2px solid darken($brand-primary,7%);
color: lighten($brand-primary,50%);
text-shadow: 1px 1px 0 rgba(black,0.6);
@include background(linear-gradient(top, lighten($brand-primary,15%), $brand-primary));
@include box-shadow(rgba(black,0.15) 0 3px 0, rgba(white,0.1) 0 0 0 1px inset);
} }
.prestashop-switch p { .prestashop-switch p {
color: #333; color: #333;
admin-dev/themes/default/css/admin-theme.css
+191 -161
View File
@@ -263,12 +263,12 @@ textarea {
line-height: inherit; } line-height: inherit; }
a { a {
color: #214250; color: #313a45;
text-decoration: none; } text-decoration: none; }
a:hover, a:hover,
a:focus { a:focus {
color: #0b151a; color: #111418;
text-decoration: underline; } text-decoration: underline; }
a:focus { a:focus {
@@ -352,7 +352,7 @@ a.text-success:focus {
h1, h2, h3, h4, h5, h6, h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 { .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: "Ubuntu", sans-serif; font-family: "Ubuntu", sans-serif;
font-weight: 400; font-weight: 300;
line-height: 1.1; } line-height: 1.1; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
@@ -974,7 +974,7 @@ th {
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th { .table-hover > tbody > tr:hover > th {
background-color: #76afc7; } background-color: #919fb1; }
table col[class^="col-"] { table col[class^="col-"] {
float: none; float: none;
@@ -1487,25 +1487,25 @@ input[type="color"].input-small {
.btn-default { .btn-default {
color: white; color: white;
background-color: #627b83; background-color: #48525f;
border-color: #627b83; } border-color: #48525f; }
.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: #576d74; background-color: #3d4550;
border-color: #4c6066; } border-color: #323942; }
.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: #627b83; background-color: #48525f;
border-color: #627b83; } border-color: #48525f; }
.btn-primary, .toolbar_btn { .btn-primary, .toolbar_btn {
color: white; color: white;
background-color: #214250; background-color: #313a45;
border-color: #214250; } border-color: #313a45; }
.btn-primary:hover, .toolbar_btn:hover, .btn-primary:focus, .toolbar_btn:focus, .btn-primary:active, .toolbar_btn:active, .btn-primary.active, .active.toolbar_btn { .btn-primary:hover, .toolbar_btn:hover, .btn-primary:focus, .toolbar_btn:focus, .btn-primary:active, .toolbar_btn:active, .btn-primary.active, .active.toolbar_btn {
background-color: #1a333e; background-color: #262d36;
border-color: #12242c; } border-color: #1c2127; }
.btn-primary.disabled, .disabled.toolbar_btn, .btn-primary.disabled:hover, .disabled.toolbar_btn:hover, .btn-primary.disabled:focus, .disabled.toolbar_btn:focus, .btn-primary.disabled:active, .disabled.toolbar_btn:active, .btn-primary.disabled.active, .disabled.active.toolbar_btn, .btn-primary[disabled], [disabled].toolbar_btn, .btn-primary[disabled]:hover, [disabled].toolbar_btn:hover, .btn-primary[disabled]:focus, [disabled].toolbar_btn:focus, .btn-primary[disabled]:active, [disabled].toolbar_btn:active, .btn-primary[disabled].active, [disabled].active.toolbar_btn, fieldset[disabled] .btn-primary, fieldset[disabled] .toolbar_btn, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .toolbar_btn:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .toolbar_btn:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .toolbar_btn:active, fieldset[disabled] .btn-primary.active, fieldset[disabled] .active.toolbar_btn { .btn-primary.disabled, .disabled.toolbar_btn, .btn-primary.disabled:hover, .disabled.toolbar_btn:hover, .btn-primary.disabled:focus, .disabled.toolbar_btn:focus, .btn-primary.disabled:active, .disabled.toolbar_btn:active, .btn-primary.disabled.active, .disabled.active.toolbar_btn, .btn-primary[disabled], [disabled].toolbar_btn, .btn-primary[disabled]:hover, [disabled].toolbar_btn:hover, .btn-primary[disabled]:focus, [disabled].toolbar_btn:focus, .btn-primary[disabled]:active, [disabled].toolbar_btn:active, .btn-primary[disabled].active, [disabled].active.toolbar_btn, fieldset[disabled] .btn-primary, fieldset[disabled] .toolbar_btn, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .toolbar_btn:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .toolbar_btn:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .toolbar_btn:active, fieldset[disabled] .btn-primary.active, fieldset[disabled] .active.toolbar_btn {
background-color: #214250; background-color: #313a45;
border-color: #214250; } border-color: #313a45; }
.btn-warning { .btn-warning {
color: white; color: white;
@@ -1552,7 +1552,7 @@ input[type="color"].input-small {
border-color: #5bc0de; } border-color: #5bc0de; }
.btn-link { .btn-link {
color: #214250; color: #313a45;
font-weight: normal; font-weight: normal;
cursor: pointer; cursor: pointer;
border-radius: 0; } border-radius: 0; }
@@ -1564,7 +1564,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: #0b151a; color: #111418;
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 {
@@ -1668,25 +1668,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: #1a333e; background-color: #262d36;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#214250), to(#1a333e)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#313a45), to(#262d36));
background-image: -webkit-linear-gradient(top, #214250, #1a333e); background-image: -webkit-linear-gradient(top, #313a45, #262d36);
background-image: -moz-linear-gradient(top, #214250, #1a333e); background-image: -moz-linear-gradient(top, #313a45, #262d36);
background-image: linear-gradient(to bottom, #214250, #1a333e); background-image: linear-gradient(to bottom, #313a45, #262d36);
background-repeat: repeat-x; background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF214250', endColorstr='#FF1A333E', GradientType=0); } filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF313A45', endColorstr='#FF262D36', 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: #1a333e; background-color: #262d36;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#214250), to(#1a333e)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#313a45), to(#262d36));
background-image: -webkit-linear-gradient(top, #214250, #1a333e); background-image: -webkit-linear-gradient(top, #313a45, #262d36);
background-image: -moz-linear-gradient(top, #214250, #1a333e); background-image: -moz-linear-gradient(top, #313a45, #262d36);
background-image: linear-gradient(to bottom, #214250, #1a333e); background-image: linear-gradient(to bottom, #313a45, #262d36);
background-repeat: repeat-x; background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF214250', endColorstr='#FF1A333E', GradientType=0); } filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF313A45', endColorstr='#FF262D36', 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; }
@@ -1770,12 +1770,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: #214250; background-color: #313a45;
border-color: #214250; } border-color: #313a45; }
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: #76afc7; } color: #919fb1; }
.panel { .panel {
padding: 15px; padding: 15px;
@@ -1805,11 +1805,11 @@ a.list-group-item.active {
border-bottom-right-radius: 2px; } border-bottom-right-radius: 2px; }
.panel-primary { .panel-primary {
border-color: #214250; } border-color: #313a45; }
.panel-primary .panel-heading { .panel-primary .panel-heading {
color: white; color: white;
background-color: #214250; background-color: #313a45;
border-color: #214250; } border-color: #313a45; }
.panel-success { .panel-success {
border-color: #d6e9c6; } border-color: #d6e9c6; }
@@ -1926,8 +1926,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: #214250; background-color: #313a45;
border-color: #214250; } border-color: #313a45; }
.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; }
@@ -1967,7 +1967,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: #214250; } background-color: #313a45; }
.nav-stacked > li { .nav-stacked > li {
float: none; } float: none; }
@@ -2019,12 +2019,12 @@ button.close {
display: block; } display: block; }
.nav .caret { .nav .caret {
border-top-color: #214250; border-top-color: #313a45;
border-bottom-color: #214250; } border-bottom-color: #313a45; }
.nav a:hover .caret { .nav a:hover .caret {
border-top-color: #0b151a; border-top-color: #111418;
border-bottom-color: #0b151a; } border-bottom-color: #111418; }
.nav-tabs .dropdown-menu { .nav-tabs .dropdown-menu {
margin-top: -1px; margin-top: -1px;
@@ -2863,7 +2863,7 @@ button.close {
a.thumbnail:hover, a.thumbnail:hover,
a.thumbnail:focus { a.thumbnail:focus {
border-color: #214250; } border-color: #313a45; }
.thumbnail > img { .thumbnail > img {
margin-left: auto; margin-left: auto;
@@ -2965,7 +2965,7 @@ a.badge:hover, a.badge:focus {
a.list-group-item.active > .badge, a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge { .nav-pills > .active > a > .badge {
color: #214250; color: #313a45;
background-color: #fff; } background-color: #fff; }
.nav-pills > li > a > .badge { .nav-pills > li > a > .badge {
@@ -3023,7 +3023,7 @@ a.list-group-item.active > .badge,
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: #214250; background-color: #313a45;
-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;
@@ -3032,7 +3032,7 @@ a.list-group-item.active > .badge,
transition: width 0.6s ease; } transition: width 0.6s ease; }
.progress-striped .progress-bar { .progress-striped .progress-bar {
background-color: #214250; background-color: #313a45;
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);
@@ -5008,16 +5008,28 @@ https://github.com/ghinda/css-toggle-switch
color: #999; color: #999;
font-weight: 300; font-weight: 300;
text-align: center; text-align: center;
border-radius: 3px; } border-radius: 3px;
-webkit-box-shadow: rgba(72, 82, 95, 0.3) 0 0 6px 1px inset;
box-shadow: rgba(72, 82, 95, 0.3) 0 0 6px 1px inset; }
.prestashop-switch input:checked + label { .prestashop-switch input:checked + label {
color: #fff; color: #fff;
text-shadow: none; } text-shadow: none; }
.prestashop-switch .slide-button { .prestashop-switch .slide-button {
background-color: #627b83;
border-radius: 3px; border-radius: 3px;
border: none; } position: relative;
margin-right: 3px;
border-bottom: 2px solid #222830;
color: #afb9c6;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #516072), color-stop(100%, #313a45));
background: -webkit-linear-gradient(top, #516072, #313a45);
background: -moz-linear-gradient(top, #516072, #313a45);
background: -o-linear-gradient(top, #516072, #313a45);
background: linear-gradient(top, #516072, #313a45);
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 3px 0, rgba(255, 255, 255, 0.1) 0 0 0 1px inset;
box-shadow: rgba(0, 0, 0, 0.15) 0 3px 0, rgba(255, 255, 255, 0.1) 0 0 0 1px inset; }
.prestashop-switch p { .prestashop-switch p {
color: #333; } color: #333; }
@@ -5031,49 +5043,53 @@ body.fixed-top {
position: relative; position: relative;
top: 53px; top: 53px;
margin-bottom: 50px; margin-bottom: 50px;
background-color: #030608; background-color: #c5c3bf; }
background-image: url("../img/patterns/classy_fabric.png"); }
#header_infos { #header_infos {
background-color: #12242c;
z-index: 9999;
border-bottom: solid 2px black;
height: 53px; height: 53px;
border-bottom: solid 2px black;
background-color: #1c2127;
z-index: 9999;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 0; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 0;
-moz-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 0;
box-shadow: rgba(0, 0, 0, 0.15) 0 2px 0; } box-shadow: rgba(0, 0, 0, 0.15) 0 2px 0; }
#header_infos #header_shopname {
font-size: 1.6em;
font-family: "ubuntu";
font-weight: 300; }
#main { #main {
position: relative;
min-height: 100%; min-height: 100%;
height: 100%; } height: 100%;
position: relative; }
#content { #content {
float: left; float: left;
width: 1280px;
min-height: 100%; min-height: 100%;
width: 1282px;
padding: 90px 20px 90px; padding: 90px 20px 90px;
margin: 0 0 0 240px; margin: 0 0 0 240px;
border-left: 2px solid black; border-left: 2px solid black;
border-right: 2px solid black;
background-color: #f6f5f3; background-color: #f6f5f3;
background-image: url("../img/patterns/bedge_grunge.png"); } background-image: url("../img/patterns/bedge_grunge.png");
-webkit-box-shadow: #b4ac9c 0 0 0 4px;
box-shadow: #b4ac9c 0 0 0 4px; }
#content fieldset { #content fieldset {
background-color: #f6f5f3; padding-bottom: 20px;
margin-bottom: 10px;
border: solid 1px #cac4b9; border: solid 1px #cac4b9;
background-color: #f6f5f3;
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
-moz-border-radius: 5px; -moz-border-radius: 5px;
-ms-border-radius: 5px; -ms-border-radius: 5px;
-o-border-radius: 5px; -o-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 7px, white 0 0 0 4px inset; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 7px, white 0 0 0 4px inset;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 7px, white 0 0 0 4px inset; box-shadow: rgba(0, 0, 0, 0.1) 0 0 7px, white 0 0 0 4px inset; }
box-shadow: rgba(0, 0, 0, 0.1) 0 0 7px, white 0 0 0 4px inset;
padding-bottom: 20px;
margin-bottom: 10px; }
#content form legend { #content form legend {
float: left;
padding: 0 0 0 10px; padding: 0 0 0 10px;
margin: 20px 0 15px 0; margin: 20px 0 15px 0;
float: left;
color: #bfb8b3; color: #bfb8b3;
font-weight: 300; } font-weight: 300; }
#content form .alert { #content form .alert {
@@ -5087,25 +5103,23 @@ body.fixed-top {
border: solid 1px #e0ddd6; } border: solid 1px #e0ddd6; }
.page-head { .page-head {
position: relative; width: 1278px;
padding: 4px 3px 0 20px;
height: 69px; height: 69px;
padding: 4px 3px 0 20px;
margin: 0; margin: 0;
background-color: #3b7d99; border-bottom: 4px solid #527f2a;
border-bottom: 4px solid #2d5f74;
position: fixed; position: fixed;
top: 53px; top: 53px;
left: 242px; left: 242px;
width: 1278px;
z-index: 9000; z-index: 9000;
background-color: #9ed072;
-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;
-moz-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 {
padding: 0; padding: 0;
font-size: 20px; font-size: 20px;
line-height: 25px; line-height: 25px;
color: #96c3d7; color: white;
text-transform: uppercase; } text-transform: uppercase; }
.page-head .btn-toolbar { .page-head .btn-toolbar {
margin: 0; } margin: 0; }
@@ -5120,7 +5134,10 @@ body.fixed-top {
.page-sidebar { .page-sidebar {
top: 53px; top: 53px;
position: fixed; position: fixed;
width: 240px; } width: 240px;
border-bottom: solid 1px black;
-webkit-box-shadow: #b4ac9c 0 4px 0;
box-shadow: #b4ac9c 0 4px 0; }
.page-sidebar > ul > li > ul.sub-menu { .page-sidebar > ul > li > ul.sub-menu {
display: none; display: none;
list-style: none; list-style: none;
@@ -5130,76 +5147,78 @@ body.fixed-top {
margin: 0; margin: 0;
padding: 0; } padding: 0; }
.page-sidebar > ul li { .page-sidebar > ul li {
background-color: #e0ddd6; background-color: #48525f;
list-style: none; } list-style: none; }
.page-sidebar > ul li:hover, .page-sidebar > ul li.expanded {
background-color: white; }
.page-sidebar > ul > li.active > a {
color: white;
background-color: #214250;
border-top: 1px solid black;
border-bottom: 1px solid black; }
.page-sidebar > ul > li > a {
text-transform: uppercase;
font-size: 12px;
color: #777777;
display: block;
padding: 5px 0 5px 15px;
line-height: 20px;
border-top: 1px solid #f6f5f3;
border-bottom: 1px solid #cac4b9; }
.page-sidebar > ul > li > a:hover {
text-decoration: none; }
.page-sidebar > ul > li img {
margin-right: 10px; }
.page-sidebar > ul > li ul {
margin: 0;
padding: 0;
border-bottom: 1px solid #cecece;
background-color: white; }
.page-sidebar > ul > li ul li a {
font-size: 12px;
display: block;
padding: 3px 15px 3px 20px;
border: none;
border-bottom: 1px solid whitesmoke;
background-color: white; }
.page-sidebar > ul > li ul li a i {
margin-top: 4px;
color: #cecece; }
.page-sidebar > ul > li ul li a:hover {
background-color: #9ac4d6;
text-decoration: none; }
.page-sidebar > ul > li ul li a:hover i {
color: #214250; }
.page-sidebar > ul > li ul li.active a {
color: #1a1a1a;
background-color: #529ab8; }
.page-sidebar > ul > li ul li.active a i {
color: #214250; }
.page-sidebar > ul li:not(.active) ul { .page-sidebar > ul li:not(.active) ul {
display: none; } display: none; }
.page-sidebar > ul li.expanded ul { .page-sidebar > ul li.expanded ul {
display: block; display: block;
background-color: white; } background-color: white; }
.page-sidebar > ul > li {
-webkit-transition-property: background-color;
-moz-transition-property: background-color;
-o-transition-property: background-color;
transition-property: background-color; }
.page-sidebar > ul > li:hover > a, .page-sidebar > ul > li.active > a {
color: white;
background-color: #272c33;
border-top: 1px solid #111418;
border-bottom: 1px solid #1c2127;
-webkit-box-shadow: #111418 -4px 0 0 inset;
box-shadow: #111418 -4px 0 0 inset; }
.page-sidebar > ul > li > a {
display: block;
padding: 5px 0 5px 5px;
border-top: 1px solid #535f6e;
border-bottom: 1px solid #323942;
color: #a1abb8;
text-transform: uppercase;
text-decoration: none;
-webkit-box-shadow: #3d4550 -4px 0 0 inset;
box-shadow: #3d4550 -4px 0 0 inset; }
.page-sidebar > ul > li img {
margin-right: 10px; }
.page-sidebar > ul > li ul {
margin: 0;
padding: 0;
border-bottom: 1px solid #cecece;
background-color: white; }
.page-sidebar > ul > li ul li a {
display: block;
padding: 3px 15px 3px 20px;
font-size: 12px;
border: none;
border-bottom: 1px solid whitesmoke;
background-color: white; }
.page-sidebar > ul > li ul li a i {
margin-top: 3px;
color: #cecece; }
.page-sidebar > ul > li ul li a:hover {
background-color: #69788b;
text-decoration: none; }
.page-sidebar > ul > li ul li a:hover i {
color: #313a45; }
.page-sidebar > ul > li ul li.active a {
color: #1a1a1a;
background-color: #9ed072; }
.page-sidebar > ul > li ul li.active a i {
color: #313a45; }
#footer { #footer {
width: 100%;
position: fixed; position: fixed;
width: 100%;
bottom: 0; bottom: 0;
padding: 0; padding: 0;
background-color: #12242c; } background-color: #1c2127; }
#footer .go-top { #footer .go-top {
display: block; display: block;
padding: 0px 6px 0px 6px;
margin: -2px 0px 0px;
text-decoration: none; text-decoration: none;
color: white; color: white;
cursor: pointer; cursor: pointer;
margin-top: -2px;
margin-right: 0px;
margin-bottom: 0px;
font-size: 16px; font-size: 16px;
background-color: #111111; background-color: #111111; }
padding: 0px 6px 0px 6px; }
#footer .go-top i { #footer .go-top i {
color: #666666; color: #666666;
font-size: 22px; font-size: 22px;
@@ -5216,60 +5235,73 @@ body.fixed-top {
line-height: 35px; } line-height: 35px; }
.toolbar_btn { .toolbar_btn {
padding: 2px 5px !important;
font-size: 11px;
margin-right: 3px;
border-bottom: 4px solid #12242c;
position: relative; position: relative;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 3px 0; padding: 2px 5px !important;
-moz-box-shadow: rgba(0, 0, 0, 0.15) 0 3px 0; margin-right: 3px;
box-shadow: rgba(0, 0, 0, 0.15) 0 3px 0; } border-bottom: 4px solid #222830;
font-size: 11px;
color: #afb9c6;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.6);
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #516072), color-stop(100%, #313a45));
background: -webkit-linear-gradient(top, #516072, #313a45);
background: -moz-linear-gradient(top, #516072, #313a45);
background: -o-linear-gradient(top, #516072, #313a45);
background: linear-gradient(top, #516072, #313a45);
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 3px 0, rgba(255, 255, 255, 0.1) 0 0 0 1px inset;
box-shadow: rgba(0, 0, 0, 0.15) 0 3px 0, rgba(255, 255, 255, 0.1) 0 0 0 1px inset; }
.toolbar_btn:hover { .toolbar_btn:hover {
border-color: #214250;
color: #0b151a;
text-shadow: 1px 1px 0 #529ab8;
border-bottom: 2px solid #12242c;
top: 2px; top: 2px;
background-color: white; border-color: #313a45;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; border-bottom: 2px solid #465363;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; color: #313a45;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; } text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
background-color: #919fb1 !important;
background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #f9fafb), color-stop(100%, #bec6d1));
background: -webkit-linear-gradient(top left, #f9fafb, #bec6d1);
background: -moz-linear-gradient(top left, #f9fafb, #bec6d1);
background: -o-linear-gradient(top left, #f9fafb, #bec6d1);
background: linear-gradient(top left, #f9fafb, #bec6d1);
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 0 0 1px inset;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 0 0 1px inset; }
.icon-AdminDashboard { .icon-AdminDashboard {
background-color: #7a094e; } background-color: #87c795; }
.icon-AdminCatalog { .icon-AdminCatalog {
background-color: #7a1009; } background-color: #87c7b5; }
.icon-AdminParentOrders { .icon-AdminParentOrders {
background-color: #7a3509; } background-color: #87b9c7; }
.icon-AdminParentCustomer { .icon-AdminParentCustomer {
background-color: #7a5b09; } background-color: #8799c7; }
.icon-AdminPriceRule { .icon-AdminPriceRule {
background-color: #737a09; } background-color: #9587c7; }
.icon-AdminParentShipping { .icon-AdminParentShipping {
background-color: #4e7a09; } background-color: #b587c7; }
.icon-AdminParentLocalization { .icon-AdminParentLocalization {
background-color: #287a09; } background-color: #c787b9; }
.icon-AdminParentModules { .icon-AdminParentModules {
background-color: #097a10; } background-color: #c78799; }
.icon-AdminParentPreferences { .icon-AdminParentPreferences {
background-color: #097a35; } background-color: #c79587; }
.icon-AdminTools { .icon-AdminTools {
background-color: #097a5b; } background-color: #c7b587; }
.icon-AdminAdmin { .icon-AdminAdmin {
background-color: #09737a; } background-color: #b9c787; }
.icon-AdminParentStats { .icon-AdminParentStats {
background-color: #094e7a; } background-color: #99c787; }
[class^="icon-Admin"] {
margin-right: 6px; }
[class^="process-icon-"], [class*=" process-icon-"] { [class^="process-icon-"], [class*=" process-icon-"] {
height: 32px; height: 32px;
@@ -5354,11 +5386,10 @@ hr {
border-collapse: separate; border-collapse: separate;
border-spacing: 0 4px; } border-spacing: 0 4px; }
.table thead th { .table thead th {
background-color: #3f7e98; background-color: #5b6c81;
color: white; color: white;
border-bottom: solid 2px #214250; border-bottom: solid 2px #313a45;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px;
box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px; } box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px; }
.table thead > tr > th { .table thead > tr > th {
font-weight: normal; font-weight: normal;
@@ -5375,22 +5406,21 @@ hr {
color: black; } color: black; }
.table input, .table select { .table input, .table select {
margin: 0; } margin: 0; }
.table td.center, .table th.center {
text-align: center; }
.table tbody > tr > td { .table tbody > tr > td {
border-top: none; border-top: none;
background-color: white; } background-color: white; }
.table tbody > tr > td { .table tbody > tr > td {
padding: 3px 7px 3px 7px;
vertical-align: middle; vertical-align: middle;
word-wrap: nowrap; word-wrap: nowrap;
font-size: 12px; font-size: 12px;
padding: 3px 7px 3px 7px;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 0; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 0;
-moz-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 0;
box-shadow: rgba(0, 0, 0, 0.15) 0 2px 0; } box-shadow: rgba(0, 0, 0, 0.15) 0 2px 0; }
.table tbody > tr:hover > td { .table tbody > tr:hover > td {
cursor: pointer; cursor: pointer;
background-color: #fff2b2; } background-color: #fff2b2; }
.table td.center, .table th.center {
text-align: center; }
.table tr td:first-child, .table tr td:first-child,
.table tr th:first-child { .table tr th:first-child {
border-top-left-radius: 3px; border-top-left-radius: 3px;
admin-dev/themes/default/css/admin-theme.sass
+89 -83
View File
@@ -1,13 +1,14 @@
//variables //variables
$icon-color: #7A0928 $icon-color: #87C795
$bg-content-color: #F6F5F3 $bg-content-color: #F6F5F3
$bg-head-color: #3B7D99 $bg-head-color: #9ED072
@import "compass"
@import "bootstrap/variables" @import "bootstrap/variables"
@import "bootstrap" @import "bootstrap"
@import "font-awesome" @import "font-awesome"
@import "toggle-switch" @import "toggle-switch"
@import "compass"
html, body html, body
height: 100% height: 100%
@@ -16,41 +17,45 @@ body.fixed-top
position: relative position: relative
top: 53px top: 53px
margin-bottom: 50px margin-bottom: 50px
background-color: darken($brand-primary,20%) background-color: #C5C3BF
background-image: url('../img/patterns/classy_fabric.png')
#header_infos #header_infos
height: 53px
border-bottom: solid 2px black
background-color: darken($brand-primary,10%) background-color: darken($brand-primary,10%)
z-index: 9999 z-index: 9999
border-bottom: solid 2px black
height: 53px
@include box-shadow(rgba(black,0.15) 0 2px 0) @include box-shadow(rgba(black,0.15) 0 2px 0)
#header_shopname
font-size: 1.6em
font-family: "ubuntu"
font-weight: 300
#main #main
position: relative
min-height: 100% min-height: 100%
height: 100% height: 100%
position: relative
#content #content
float: left float: left
width: 1280px
min-height: 100% min-height: 100%
width: 1282px
padding: 90px 20px 90px padding: 90px 20px 90px
margin: 0 0 0 240px margin: 0 0 0 240px
border-left: 2px solid black border-left: 2px solid black
border-right: 2px solid black
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')
@include box-shadow(darken($bg-content-color,30%) 0 0 0 4px)
fieldset fieldset
background-color: $bg-content-color
border: solid 1px darken($bg-content-color,20%)
@include border-radius(5px)
@include box-shadow(rgba(black,0.10) 0 0 7px, white 0 0 0 4px inset)
padding-bottom: 20px padding-bottom: 20px
margin-bottom: 10px margin-bottom: 10px
border: solid 1px darken($bg-content-color,20%)
background-color: $bg-content-color
@include border-radius(5px)
@include box-shadow(rgba(black,0.10) 0 0 7px, white 0 0 0 4px inset)
form legend form legend
float: left
padding: 0 0 0 10px padding: 0 0 0 10px
margin: 20px 0 15px 0 margin: 20px 0 15px 0
float: left
color: darken(#D6D2CF,10%) color: darken(#D6D2CF,10%)
font-weight: 300 font-weight: 300
form .alert form .alert
@@ -58,33 +63,29 @@ body.fixed-top
color: darken(#D6D2CF,40%) color: darken(#D6D2CF,40%)
border: solid 1px darken(#D6D2CF,5%) border: solid 1px darken(#D6D2CF,5%)
background-color: lighten(#D6D2CF,5%) background-color: lighten(#D6D2CF,5%)
&.alert-info &.alert-info
background-color: white background-color: white
color: darken(#D6D2CF,30%) color: darken(#D6D2CF,30%)
border: solid 1px darken($bg-content-color,10%) border: solid 1px darken($bg-content-color,10%)
.page-head .page-head
position: relative width: 1278px
padding: 4px 3px 0 20px
height: 69px height: 69px
padding: 4px 3px 0 20px
margin: 0 margin: 0
background-color: $bg-head-color border-bottom: 4px solid darken($bg-head-color,30%)
border-bottom: 4px solid darken($bg-head-color,10%)
position: fixed position: fixed
top: 53px top: 53px
left: 242px left: 242px
width: 1278px
z-index: 9000 z-index: 9000
//@include box-shadow(rgba(black,0.15) 0 7px 0) background-color: $bg-head-color
@include box-shadow(rgba(black,0.15) 0 7px 0, rgba(white,0.15) 0 -1px 0 inset) @include box-shadow(rgba(black,0.15) 0 7px 0, rgba(white,0.15) 0 -1px 0 inset)
h2.page-title h2.page-title
@extend .pull-left @extend .pull-left
padding: 0 padding: 0
font-size: 20px font-size: 20px
line-height: 25px line-height: 25px
color: lighten($bg-head-color,30%) color: white
text-transform: uppercase text-transform: uppercase
.btn-toolbar .btn-toolbar
margin: 0 margin: 0
@@ -100,6 +101,8 @@ body.fixed-top
top: 53px top: 53px
position: fixed position: fixed
width: 240px width: 240px
border-bottom: solid 1px black
@include box-shadow(darken($bg-content-color,30%) 0 4px 0)
> ul > li > ul.sub-menu > ul > li > ul.sub-menu
display: none display: none
list-style: none list-style: none
@@ -109,27 +112,32 @@ body.fixed-top
margin: 0 margin: 0
padding: 0 padding: 0
li li
background-color: darken($bg-content-color,10%) background-color: #48525F
list-style: none list-style: none
&:hover, &.expanded li:not(.active) ul
display: none
li.expanded
ul
display: block
background-color: white background-color: white
> li > li
&.active > a @include transition-property(background-color)
&:hover > a, &.active > a
color: white color: white
background-color: $brand-primary background-color: darken(#48525F,15%)
border-top: 1px solid darken($brand-primary,40%) border-top: 1px solid darken($brand-primary,15%)
border-bottom: 1px solid darken($brand-primary,40%) border-bottom: 1px solid darken($brand-primary,10%)
@include box-shadow(darken($brand-primary,15%) -4px 0 0 inset)
> a > a
text-transform: uppercase
font-size: 12px
color: #777
display: block display: block
padding: 5px 0 5px 15px padding: 5px 0 5px 5px
line-height: 20px border-top: 1px solid lighten(#48525F,5%)
border-top: 1px solid $bg-content-color border-bottom: 1px solid darken(#48525F,10%)
border-bottom: 1px solid darken($bg-content-color,20%) color: lighten(#48525F,35%)
&:hover text-transform: uppercase
text-decoration: none text-decoration: none
@include box-shadow(darken(#48525F,5%) -4px 0 0 inset)
img img
margin-right: 10px margin-right: 10px
ul ul
@@ -139,51 +147,43 @@ body.fixed-top
background-color: white background-color: white
li li
a a
font-size: 12px
display: block display: block
padding: 3px 15px 3px 20px padding: 3px 15px 3px 20px
font-size: 12px
border: none border: none
border-bottom: 1px solid #F5F5F5 border-bottom: 1px solid #F5F5F5
background-color: white background-color: white
i i
margin-top: 4px margin-top: 3px
color: #CECECE color: #CECECE
&:hover &:hover
background-color: lighten($brand-primary,50%) background-color: lighten(#48525F,15%)
text-decoration: none text-decoration: none
i i
color: $brand-primary color: $brand-primary
&.active &.active
a a
color: #1A1A1A color: #1A1A1A
background-color: lighten($brand-primary,30%) background-color: $bg-head-color
i i
color: $brand-primary color: $brand-primary
li:not(.active) ul
display: none
li.expanded
ul
display: block
background-color: white
#footer #footer
width: 100%
position: fixed position: fixed
width: 100%
bottom: 0 bottom: 0
padding: 0 padding: 0
background-color: darken($brand-primary,10%) background-color: darken($brand-primary,10%)
.go-top .go-top
display: block display: block
padding: 0px 6px 0px 6px
margin: -2px 0px 0px
text-decoration: none text-decoration: none
color: #fff color: #fff
cursor: pointer cursor: pointer
margin-top: -2px
margin-right: 0px
margin-bottom: 0px
font-size: 16px font-size: 16px
background-color: #111 background-color: #111
padding: 0px 6px 0px 6px
.go-top i .go-top i
color: #666 color: #666
font-size: 22px font-size: 22px
@@ -203,57 +203,65 @@ body.fixed-top
.toolbar_btn .toolbar_btn
@extend .btn @extend .btn
@extend .btn-primary @extend .btn-primary
padding: 2px 5px !important
font-size: 11px
margin-right: 3px
border-bottom: 4px solid darken($brand-primary,10%)
position: relative position: relative
@include box-shadow(rgba(black,0.15) 0 3px 0) padding: 2px 5px !important
margin-right: 3px
border-bottom: 4px solid darken($brand-primary,7%)
font-size: 11px
color: lighten($brand-primary,50%)
text-shadow: -1px -1px 0 rgba(black,0.6)
@include background(linear-gradient(top, lighten($brand-primary,15%), $brand-primary))
@include box-shadow(rgba(black,0.15) 0 3px 0, rgba(white,0.1) 0 0 0 1px inset)
&:hover &:hover
border-color: $brand-primary
color: darken($brand-primary,15%)
text-shadow: 1px 1px 0 lighten($brand-primary,30%)
border-bottom: 2px solid darken($brand-primary,10%)
top: 2px top: 2px
background-color: white border-color: $brand-primary
@include box-shadow(rgba(black,0.3) 0 1px 3px) border-bottom: 2px solid lighten($brand-primary,10%)
color: $brand-primary
text-shadow: 1px 1px 0 rgba(white,0.6)
background-color: lighten($brand-primary,40%)!important
@include background(linear-gradient(top left, lighten($brand-primary,75%), lighten($brand-primary,55%)))
@include box-shadow(rgba(black,0.3) 0 1px 3px, rgba(white,0.4) 0 0 0 1px inset)
.icon-AdminDashboard .icon-AdminDashboard
@extend .icon-dashboard @extend .icon-dashboard
background-color: adjust-hue($icon-color, -20) background-color: adjust-hue($icon-color, 0)
.icon-AdminCatalog .icon-AdminCatalog
@extend .icon-book @extend .icon-book
background-color: adjust-hue($icon-color, 20) background-color: adjust-hue($icon-color, 30)
.icon-AdminParentOrders .icon-AdminParentOrders
@extend .icon-credit-card @extend .icon-credit-card
background-color: adjust-hue($icon-color, 40) background-color: adjust-hue($icon-color, 60)
.icon-AdminParentCustomer .icon-AdminParentCustomer
@extend .icon-group @extend .icon-group
background-color: adjust-hue($icon-color, 60) background-color: adjust-hue($icon-color, 90)
.icon-AdminPriceRule .icon-AdminPriceRule
@extend .icon-tags @extend .icon-tags
background-color: adjust-hue($icon-color, 80) background-color: adjust-hue($icon-color, 120)
.icon-AdminParentShipping .icon-AdminParentShipping
@extend .icon-truck @extend .icon-truck
background-color: adjust-hue($icon-color, 100) background-color: adjust-hue($icon-color, 150)
.icon-AdminParentLocalization .icon-AdminParentLocalization
@extend .icon-globe @extend .icon-globe
background-color: adjust-hue($icon-color, 120) background-color: adjust-hue($icon-color, 180)
.icon-AdminParentModules .icon-AdminParentModules
@extend .icon-puzzle-piece @extend .icon-puzzle-piece
background-color: adjust-hue($icon-color, 140) background-color: adjust-hue($icon-color, 210)
.icon-AdminParentPreferences .icon-AdminParentPreferences
@extend .icon-wrench @extend .icon-wrench
background-color: adjust-hue($icon-color, 160) background-color: adjust-hue($icon-color, 240)
.icon-AdminTools .icon-AdminTools
@extend .icon-cogs @extend .icon-cogs
background-color: adjust-hue($icon-color, 180) background-color: adjust-hue($icon-color, 270)
.icon-AdminAdmin .icon-AdminAdmin
@extend .icon-cog @extend .icon-cog
background-color: adjust-hue($icon-color, 200) background-color: adjust-hue($icon-color, 300)
.icon-AdminParentStats .icon-AdminParentStats
@extend .icon-bar-chart @extend .icon-bar-chart
background-color: adjust-hue($icon-color, 220) background-color: adjust-hue($icon-color, 330)
[class^="icon-Admin"]
//background-color: #9ED072
margin-right: 6px
[class^="process-icon-"], [class*=" process-icon-"] [class^="process-icon-"], [class*=" process-icon-"]
height: 32px height: 32px
@@ -313,7 +321,6 @@ body.fixed-top
.process-icon-newCombination .process-icon-newCombination
@extend .icon-plus-sign @extend .icon-plus-sign
.navbar-inner .navbar-inner
box-shadow: none!important box-shadow: none!important
.input-append .input-append
@@ -367,7 +374,6 @@ input[type="password"].input-tiny
a a
color: white color: white
text-decoration: none text-decoration: none
hr hr
border-color: darken($bg-content-color,10%) border-color: darken($bg-content-color,10%)
border-bottom: 1px solid white border-bottom: 1px solid white
@@ -396,20 +402,20 @@ hr
color: black color: black
input, select input, select
margin: 0 margin: 0
td.center, th.center
text-align: center
tbody > tr > td tbody > tr > td
border-top: none border-top: none
background-color: white background-color: white
tbody > tr > td tbody > tr > td
padding: 3px 7px 3px 7px
vertical-align: middle vertical-align: middle
word-wrap: nowrap word-wrap: nowrap
font-size: 12px font-size: 12px
padding: 3px 7px 3px 7px
@include box-shadow(rgba(black,0.15) 0 2px 0) @include box-shadow(rgba(black,0.15) 0 2px 0)
tbody > tr:hover > td tbody > tr:hover > td
cursor: pointer cursor: pointer
background-color: #FFF2B2 background-color: #FFF2B2
td.center, th.center
text-align: center
tr td:first-child, tr td:first-child,
tr th:first-child tr th:first-child
border-top-left-radius: 3px border-top-left-radius: 3px
admin-dev/themes/default/css/bootstrap/_variables.scss
+3 -3
View File
@@ -19,7 +19,7 @@
// Brand colors // Brand colors
// ------------------------- // -------------------------
$brand-primary: #214250 ; $brand-primary: #313A45 ;
$brand-success: #5cb85c ; $brand-success: #5cb85c ;
// $brand-warning: #f0ad4e ; // $brand-warning: #f0ad4e ;
@@ -55,7 +55,7 @@ $line-height-base: 1.428571429 ;
$line-height-computed: floor($font-size-base * $line-height-base) ; $line-height-computed: floor($font-size-base * $line-height-base) ;
$headings-font-family: 'Ubuntu', sans-serif ; $headings-font-family: 'Ubuntu', sans-serif ;
$headings-font-weight: 400 ; $headings-font-weight: 300 ;
// $headings-line-height: 1.1 ; // $headings-line-height: 1.1 ;
@@ -93,7 +93,7 @@ $table-bg-hover: lighten($brand-primary,40%) ;
// ------------------------- // -------------------------
// $btn-default-color: #fff ; // $btn-default-color: #fff ;
$btn-default-bg: #627B83 ; $btn-default-bg: #48525F ;
// $btn-default-border: $btn-default-bg ; // $btn-default-border: $btn-default-bg ;
// $btn-primary-color: $btn-default-color ; // $btn-primary-color: $btn-default-color ;
admin-dev/themes/default/img/patterns/bedge_grunge.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 86 KiB

After

Width:  |  Height:  |  Size: 142 KiB

admin-dev/themes/default/template/controllers/products/features.tpl
+1 -1
View File
@@ -32,7 +32,7 @@
{l s='You can either create a specific value, or select among the existing pre-defined values you\'ve previously added.'} {l s='You can either create a specific value, or select among the existing pre-defined values you\'ve previously added.'}
</div> </div>
<table class="table table-striped"> <table class="table">
<thead> <thead>
<tr> <tr>
<th>{l s='Feature'}</th> <th>{l s='Feature'}</th>