Better UI for brands
This commit is contained in:
Julien Chanséaume
committed by
Julien Chanseaume
Julien Chanseaume
parent
09c124c6ae
commit
0610b8037a
@@ -5174,7 +5174,7 @@ body.modal-open,
|
||||
left: 100%;
|
||||
}
|
||||
.carousel-inner > .prev {
|
||||
left: -99.99999999%;
|
||||
left: -100%;
|
||||
}
|
||||
.carousel-inner > .next.left,
|
||||
.carousel-inner > .prev.right {
|
||||
@@ -8282,10 +8282,6 @@ fieldset[disabled] .checkout-progress .btn-step.active {
|
||||
.table-cart-total td {
|
||||
width: 50%;
|
||||
}
|
||||
.table-cart-total td.shipping .price {
|
||||
color: #7a7a7a;
|
||||
font-size: 19px;
|
||||
}
|
||||
.table-cart-total td.total .price {
|
||||
font-size: 19px;
|
||||
}
|
||||
@@ -8778,7 +8774,7 @@ td.navbar .navbar-brand {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.block .block-content .block-subtitle {
|
||||
border-bottom: 1px solid #f5f5f5;
|
||||
/*border-bottom: 1px solid @block-subheading-border;*/
|
||||
color: #f49a17;
|
||||
font-size: 16px;
|
||||
font-weight: 300;
|
||||
@@ -11171,8 +11167,6 @@ textarea.option .option-content .form-control {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#folder-contents .contents > ul {
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
}
|
||||
@@ -11205,197 +11199,72 @@ textarea.option .option-content .form-control {
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
}
|
||||
#folder-contents .contents > ul:before,
|
||||
#folder-contents .contents > ul:after {
|
||||
content: " ";
|
||||
/* 1 */
|
||||
display: table;
|
||||
/* 2 */
|
||||
}
|
||||
#folder-contents .contents > ul:after {
|
||||
clear: both;
|
||||
}
|
||||
#folder-contents .contents > ul:before,
|
||||
#folder-contents .contents > ul:after {
|
||||
content: " ";
|
||||
/* 1 */
|
||||
display: table;
|
||||
/* 2 */
|
||||
}
|
||||
#folder-contents .contents > ul:after {
|
||||
clear: both;
|
||||
}
|
||||
#folder-contents .contents > ul .item {
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
#folder-contents .contents > ul .item + .item {
|
||||
border-top: 1px solid #ededed;
|
||||
padding-top: 15px;
|
||||
}
|
||||
#folder-contents .contents > ul .item > article {
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
margin-left: 0;
|
||||
}
|
||||
#folder-contents .contents > ul .item > article:before,
|
||||
#folder-contents .contents > ul .item > article:after {
|
||||
content: " ";
|
||||
/* 1 */
|
||||
display: table;
|
||||
/* 2 */
|
||||
}
|
||||
#folder-contents .contents > ul .item > article:after {
|
||||
clear: both;
|
||||
}
|
||||
#folder-contents .contents > ul .item > article:before,
|
||||
#folder-contents .contents > ul .item > article:after {
|
||||
content: " ";
|
||||
/* 1 */
|
||||
display: table;
|
||||
/* 2 */
|
||||
}
|
||||
#folder-contents .contents > ul .item > article:after {
|
||||
clear: both;
|
||||
}
|
||||
#folder-contents .contents > ul .item > article .content-image {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
margin-bottom: 15px;
|
||||
padding: 0;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
#folder-contents .contents > ul .item > article .content-image {
|
||||
float: left;
|
||||
width: 16.66666667%;
|
||||
}
|
||||
}
|
||||
#folder-contents .contents > ul .item > article .content-image > img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
}
|
||||
#folder-contents .contents > ul .item > article .content-info {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
#folder-contents .contents > ul .item {
|
||||
#folder-contents .contents > ul .item > article .content-info {
|
||||
float: left;
|
||||
width: 33.33333333%;
|
||||
width: 58.33333333%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
#folder-contents .contents > ul .item {
|
||||
float: left;
|
||||
width: 33.33333333%;
|
||||
}
|
||||
}
|
||||
#folder-contents .contents > ul .item:before,
|
||||
#folder-contents .contents > ul .item:after {
|
||||
content: " ";
|
||||
/* 1 */
|
||||
display: table;
|
||||
/* 2 */
|
||||
}
|
||||
#folder-contents .contents > ul .item:after {
|
||||
clear: both;
|
||||
}
|
||||
#folder-contents .contents > ul .item:before,
|
||||
#folder-contents .contents > ul .item:after {
|
||||
content: " ";
|
||||
/* 1 */
|
||||
display: table;
|
||||
/* 2 */
|
||||
}
|
||||
#folder-contents .contents > ul .item:after {
|
||||
clear: both;
|
||||
}
|
||||
#folder-contents .contents > ul.content-col-2 > .item {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
#folder-contents .contents > ul.content-col-2 > .item {
|
||||
float: left;
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
#folder-contents .contents > ul.content-col-3 > .item {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
#folder-contents .contents > ul.content-col-3 > .item {
|
||||
float: left;
|
||||
width: 33.33333333%;
|
||||
}
|
||||
}
|
||||
#folder-contents .contents > ul.content-col-4 > .item {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
#folder-contents .contents > ul.content-col-4 > .item {
|
||||
float: left;
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
#folder-contents .contents > ul.content-col-5 > .item {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
#folder-contents .contents > ul.content-col-5 > .item {
|
||||
float: left;
|
||||
width: 20%;
|
||||
}
|
||||
}
|
||||
#folder-contents .contents > ul.content-col-6 > .item {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
#folder-contents .contents > ul.content-col-6 > .item {
|
||||
float: left;
|
||||
width: 16.66666667%;
|
||||
}
|
||||
}
|
||||
#folder-contents .contents > ul .item {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#folder-contents .contents > ul .item .content-image > img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
}
|
||||
#folder-contents .contents > ul .item .content-info .name {
|
||||
margin: 4px 0;
|
||||
}
|
||||
#folder-contents .contents > ul .item .content-info .description {
|
||||
display: none !important;
|
||||
}
|
||||
tr#folder-contents .contents > ul .item .content-info .description {
|
||||
display: none !important;
|
||||
}
|
||||
th#folder-contents .contents > ul .item .content-info .description,
|
||||
td#folder-contents .contents > ul .item .content-info .description {
|
||||
display: none !important;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#folder-contents .contents > ul .item .content-info .description {
|
||||
display: block !important;
|
||||
}
|
||||
tr#folder-contents .contents > ul .item .content-info .description {
|
||||
display: table-row !important;
|
||||
}
|
||||
th#folder-contents .contents > ul .item .content-info .description,
|
||||
td#folder-contents .contents > ul .item .content-info .description {
|
||||
display: table-cell !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
#folder-contents .contents > ul .item .content-info .description.visible-sm {
|
||||
display: block !important;
|
||||
}
|
||||
tr#folder-contents .contents > ul .item .content-info .description.visible-sm {
|
||||
display: table-row !important;
|
||||
}
|
||||
th#folder-contents .contents > ul .item .content-info .description.visible-sm,
|
||||
td#folder-contents .contents > ul .item .content-info .description.visible-sm {
|
||||
display: table-cell !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
#folder-contents .contents > ul .item .content-info .description.visible-md {
|
||||
display: block !important;
|
||||
}
|
||||
tr#folder-contents .contents > ul .item .content-info .description.visible-md {
|
||||
display: table-row !important;
|
||||
}
|
||||
th#folder-contents .contents > ul .item .content-info .description.visible-md,
|
||||
td#folder-contents .contents > ul .item .content-info .description.visible-md {
|
||||
display: table-cell !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
#folder-contents .contents > ul .item .content-info .description.visible-lg {
|
||||
display: block !important;
|
||||
}
|
||||
tr#folder-contents .contents > ul .item .content-info .description.visible-lg {
|
||||
display: table-row !important;
|
||||
}
|
||||
th#folder-contents .contents > ul .item .content-info .description.visible-lg,
|
||||
td#folder-contents .contents > ul .item .content-info .description.visible-lg {
|
||||
display: table-cell !important;
|
||||
}
|
||||
}
|
||||
#folder-contents .contents > ul .item .content-info .short-description {
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
#folder-contents .contents > ul .item > article .content-info .name {
|
||||
margin-top: 0;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.contents-grid .content-image,
|
||||
@@ -11632,6 +11501,9 @@ td.contents-grid .item .content-info .description {
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.contents-list .item {
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.contents-list .item + .item {
|
||||
border-top: 1px solid #ededed;
|
||||
padding-top: 15px;
|
||||
@@ -11672,7 +11544,7 @@ td.contents-grid .item .content-info .description {
|
||||
@media (min-width: 768px) {
|
||||
.contents-list .item > article .content-image {
|
||||
float: left;
|
||||
width: 25%;
|
||||
width: 16.66666667%;
|
||||
}
|
||||
}
|
||||
.contents-list .item > article .content-image > img {
|
||||
@@ -11690,12 +11562,417 @@ td.contents-grid .item .content-info .description {
|
||||
@media (min-width: 768px) {
|
||||
.contents-list .item > article .content-info {
|
||||
float: left;
|
||||
width: 50%;
|
||||
width: 58.33333333%;
|
||||
}
|
||||
}
|
||||
.contents-list .item > article .content-info .name {
|
||||
margin-top: 0;
|
||||
}
|
||||
.brand-description {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#brands .brands > ul {
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
#brands .brands > ul .brand-image {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
#brands .brands > ul .brand-image > .mask {
|
||||
background-color: #f49a17;
|
||||
background-color: rgba(244, 154, 23, 0.4);
|
||||
display: block;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
overflow: visible;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
visibility: hidden;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-transition: opacity 300ms ease-in-out 50ms;
|
||||
transition: opacity 300ms ease-in-out 50ms;
|
||||
}
|
||||
#brands .brands > ul .brand-image:hover .mask,
|
||||
#brands .brands > ul .brand-image:focus .mask {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
}
|
||||
#brands .brands > ul .item {
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
#brands .brands > ul .item + .item {
|
||||
border-top: 1px solid #ededed;
|
||||
padding-top: 15px;
|
||||
}
|
||||
#brands .brands > ul .item > article {
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
margin-left: 0;
|
||||
}
|
||||
#brands .brands > ul .item > article:before,
|
||||
#brands .brands > ul .item > article:after {
|
||||
content: " ";
|
||||
/* 1 */
|
||||
display: table;
|
||||
/* 2 */
|
||||
}
|
||||
#brands .brands > ul .item > article:after {
|
||||
clear: both;
|
||||
}
|
||||
#brands .brands > ul .item > article:before,
|
||||
#brands .brands > ul .item > article:after {
|
||||
content: " ";
|
||||
/* 1 */
|
||||
display: table;
|
||||
/* 2 */
|
||||
}
|
||||
#brands .brands > ul .item > article:after {
|
||||
clear: both;
|
||||
}
|
||||
#brands .brands > ul .item > article .brand-image {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
margin-bottom: 15px;
|
||||
padding: 0;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
#brands .brands > ul .item > article .brand-image {
|
||||
float: left;
|
||||
width: 16.66666667%;
|
||||
}
|
||||
}
|
||||
#brands .brands > ul .item > article .brand-image > img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
}
|
||||
#brands .brands > ul .item > article .brand-info {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
#brands .brands > ul .item > article .brand-info {
|
||||
float: left;
|
||||
width: 58.33333333%;
|
||||
}
|
||||
}
|
||||
#brands .brands > ul .item > article .brand-info .name {
|
||||
margin-top: 0;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.brands-grid .brand-image,
|
||||
.brands-list .brand-image {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.brands-grid .brand-image > .mask,
|
||||
.brands-list .brand-image > .mask {
|
||||
background-color: #f49a17;
|
||||
background-color: rgba(244, 154, 23, 0.4);
|
||||
display: block;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
overflow: visible;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
visibility: hidden;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-transition: opacity 300ms ease-in-out 50ms;
|
||||
transition: opacity 300ms ease-in-out 50ms;
|
||||
}
|
||||
.brands-grid .brand-image:hover .mask,
|
||||
.brands-list .brand-image:hover .mask,
|
||||
.brands-grid .brand-image:focus .mask,
|
||||
.brands-list .brand-image:focus .mask {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
}
|
||||
.brands-grid {
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.brands-grid:before,
|
||||
.brands-grid:after {
|
||||
content: " ";
|
||||
/* 1 */
|
||||
display: table;
|
||||
/* 2 */
|
||||
}
|
||||
.brands-grid:after {
|
||||
clear: both;
|
||||
}
|
||||
.brands-grid:before,
|
||||
.brands-grid:after {
|
||||
content: " ";
|
||||
/* 1 */
|
||||
display: table;
|
||||
/* 2 */
|
||||
}
|
||||
.brands-grid:after {
|
||||
clear: both;
|
||||
}
|
||||
.brands-grid .item {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.brands-grid .item {
|
||||
float: left;
|
||||
width: 33.33333333%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.brands-grid .item {
|
||||
float: left;
|
||||
width: 33.33333333%;
|
||||
}
|
||||
}
|
||||
.brands-grid .item:before,
|
||||
.brands-grid .item:after {
|
||||
content: " ";
|
||||
/* 1 */
|
||||
display: table;
|
||||
/* 2 */
|
||||
}
|
||||
.brands-grid .item:after {
|
||||
clear: both;
|
||||
}
|
||||
.brands-grid .item:before,
|
||||
.brands-grid .item:after {
|
||||
content: " ";
|
||||
/* 1 */
|
||||
display: table;
|
||||
/* 2 */
|
||||
}
|
||||
.brands-grid .item:after {
|
||||
clear: both;
|
||||
}
|
||||
.brands-grid.content-col-2 > .item {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.brands-grid.content-col-2 > .item {
|
||||
float: left;
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
.brands-grid.content-col-3 > .item {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.brands-grid.content-col-3 > .item {
|
||||
float: left;
|
||||
width: 33.33333333%;
|
||||
}
|
||||
}
|
||||
.brands-grid.content-col-4 > .item {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.brands-grid.content-col-4 > .item {
|
||||
float: left;
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
.brands-grid.content-col-5 > .item {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.brands-grid.content-col-5 > .item {
|
||||
float: left;
|
||||
width: 20%;
|
||||
}
|
||||
}
|
||||
.brands-grid.content-col-6 > .item {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.brands-grid.content-col-6 > .item {
|
||||
float: left;
|
||||
width: 16.66666667%;
|
||||
}
|
||||
}
|
||||
.brands-grid .item {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.brands-grid .item .brand-image > img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
}
|
||||
.brands-grid .item .brand-info .name {
|
||||
margin: 4px 0;
|
||||
}
|
||||
.brands-grid .item .brand-info .description {
|
||||
display: none !important;
|
||||
}
|
||||
tr.brands-grid .item .brand-info .description {
|
||||
display: none !important;
|
||||
}
|
||||
th.brands-grid .item .brand-info .description,
|
||||
td.brands-grid .item .brand-info .description {
|
||||
display: none !important;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.brands-grid .item .brand-info .description {
|
||||
display: block !important;
|
||||
}
|
||||
tr.brands-grid .item .brand-info .description {
|
||||
display: table-row !important;
|
||||
}
|
||||
th.brands-grid .item .brand-info .description,
|
||||
td.brands-grid .item .brand-info .description {
|
||||
display: table-cell !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.brands-grid .item .brand-info .description.visible-sm {
|
||||
display: block !important;
|
||||
}
|
||||
tr.brands-grid .item .brand-info .description.visible-sm {
|
||||
display: table-row !important;
|
||||
}
|
||||
th.brands-grid .item .brand-info .description.visible-sm,
|
||||
td.brands-grid .item .brand-info .description.visible-sm {
|
||||
display: table-cell !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
.brands-grid .item .brand-info .description.visible-md {
|
||||
display: block !important;
|
||||
}
|
||||
tr.brands-grid .item .brand-info .description.visible-md {
|
||||
display: table-row !important;
|
||||
}
|
||||
th.brands-grid .item .brand-info .description.visible-md,
|
||||
td.brands-grid .item .brand-info .description.visible-md {
|
||||
display: table-cell !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.brands-grid .item .brand-info .description.visible-lg {
|
||||
display: block !important;
|
||||
}
|
||||
tr.brands-grid .item .brand-info .description.visible-lg {
|
||||
display: table-row !important;
|
||||
}
|
||||
th.brands-grid .item .brand-info .description.visible-lg,
|
||||
td.brands-grid .item .brand-info .description.visible-lg {
|
||||
display: table-cell !important;
|
||||
}
|
||||
}
|
||||
.brands-grid .item .brand-info .short-description {
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.brands-list {
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.brands-list .item {
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.brands-list .item + .item {
|
||||
border-top: 1px solid #ededed;
|
||||
padding-top: 15px;
|
||||
}
|
||||
.brands-list .item > article {
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.brands-list .item > article:before,
|
||||
.brands-list .item > article:after {
|
||||
content: " ";
|
||||
/* 1 */
|
||||
display: table;
|
||||
/* 2 */
|
||||
}
|
||||
.brands-list .item > article:after {
|
||||
clear: both;
|
||||
}
|
||||
.brands-list .item > article:before,
|
||||
.brands-list .item > article:after {
|
||||
content: " ";
|
||||
/* 1 */
|
||||
display: table;
|
||||
/* 2 */
|
||||
}
|
||||
.brands-list .item > article:after {
|
||||
clear: both;
|
||||
}
|
||||
.brands-list .item > article .brand-image {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
margin-bottom: 15px;
|
||||
padding: 0;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.brands-list .item > article .brand-image {
|
||||
float: left;
|
||||
width: 16.66666667%;
|
||||
}
|
||||
}
|
||||
.brands-list .item > article .brand-image > img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
}
|
||||
.brands-list .item > article .brand-info {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.brands-list .item > article .brand-info {
|
||||
float: left;
|
||||
width: 58.33333333%;
|
||||
}
|
||||
}
|
||||
.brands-list .item > article .brand-info .name {
|
||||
margin-top: 0;
|
||||
}
|
||||
.page-home #carousel {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user