Skip to content

J
joshine
Commit 78c45168 by lmf
Options

优化评论css

parent 2cc8a906
Showing with 361 additions and 360 deletions
app/design/frontend/Joshine/breeze/web/css/_custom.less
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
} }
.page-main > .columns > .sidebar-additional{ .page-main > .columns > .sidebar-additional{
font-family: Outfit-Regular; font-family: Outfit-Regular;
} }
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
} }
.products-grid .product-item{ .products-grid .product-item{
display: list-item !important; display: list-item !important;
} }
.products-grid .product-item .product.name a{ .products-grid .product-item .product.name a{
...@@ -107,11 +107,11 @@ ...@@ -107,11 +107,11 @@
} }
.block .review-add .block-content{ .block .review-add .block-content{
display: block !important; display: block !important;
} }
.block-content > .minisearch{ .block-content > .minisearch{
display: none !important; display: none !important;
} }
.header.content{ .header.content{
...@@ -125,80 +125,80 @@ ...@@ -125,80 +125,80 @@
.page-header { .page-header {
position: fixed; position: fixed;
} }
} }
@media (min-width: 1024px){ @media (min-width: 1024px){
.breeze-gallery.vertical:not(.opened) .thumbnails { .breeze-gallery.vertical:not(.opened) .thumbnails {
flex-direction: column; flex-direction: column;
flex-wrap: nowrap; flex-wrap: nowrap;
order: -1; order: -1;
max-height: max-content; max-height: max-content;
margin: 0 5px 0 0; margin: 0 5px 0 0;
padding-right: 10px; padding-right: 10px;
padding-bottom: 0; padding-bottom: 0;
overflow-y: overlay; overflow-y: overlay;
} }
} }
#maincontent .page-title-wrapper #page-title-heading .base{ #maincontent .page-title-wrapper #page-title-heading .base{
display: none; display: none;
} }
.filter-content .filter-options .filter-options-title { .filter-content .filter-options .filter-options-title {
font-size: 20px; font-size: 20px;
color: #292929; color: #292929;
font-weight: 500; font-weight: 500;
position: relative; position: relative;
padding-bottom: 12px; padding-bottom: 12px;
margin-bottom: 10px; margin-bottom: 10px;
font-family: Outfit-Regular; font-family: Outfit-Regular;
display: block; display: block;
background-color: whitesmoke; background-color: whitesmoke;
} }
.filter-content .filter-options .filter-options-content ol li a { .filter-content .filter-options .filter-options-content ol li a {
color: #999999; color: #999999;
} }
.swatch-option { .swatch-option {
display: block; display: block;
font-family: Outfit-Regular; font-family: Outfit-Regular;
width: 40px; width: 40px;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
color: #222222; color: #222222;
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
text-align: center; text-align: center;
background-color: #f1f1f1; background-color: #f1f1f1;
border-radius: 10%; border-radius: 10%;
padding: 0; padding: 0;
border: 0; border: 0;
} }
.swatch-option-link-layered .swatch-option .color{ .swatch-option-link-layered .swatch-option .color{
position: unset; position: unset;
border-radius: 20px; border-radius: 20px;
} }
.block-content .recent .products-list .product-items .product-item .product-item-info .product-item-details .product-item-name{ .block-content .recent .products-list .product-items .product-item .product-item-info .product-item-details .product-item-name{
text-overflow: ellipsis; text-overflow: ellipsis;
font-family: Outfit-Regular; font-family: Outfit-Regular;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
width: 70%; width: 70%;
display: inline-block; display: inline-block;
color: #222222; color: #222222;
} }
*{ *{
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
...@@ -210,192 +210,192 @@ footer .footer_link { ...@@ -210,192 +210,192 @@ footer .footer_link {
margin-bottom: 40px; margin-bottom: 40px;
} }
footer .footer_link .logo_img{ footer .footer_link .logo_img{
margin-top: 10%; margin-top: 10%;
} }
footer a{ footer a{
color: #fff; color: #fff;
text-decoration: auto; text-decoration: auto;
font-size: 14px; font-size: 14px;
} }
.footer_link > div{ .footer_link > div{
float: left; float: left;
width: 25%; width: 25%;
} }
.footer_link h4{ .footer_link h4{
font-size: smaller; font-size: smaller;
} }
.footer_link h4 span{ .footer_link h4 span{
display: none; display: none;
} }
footer .footer_link{ footer .footer_link{
color: #fff; color: #fff;
} }
.footer_link ul li{ .footer_link ul li{
margin-bottom: 12px; margin-bottom: 12px;
font-family: 'Outfit-Regular'; font-family: 'Outfit-Regular';
} }
@media screen and (max-width:789px) { @media screen and (max-width:789px) {
.footer_link > div{ .footer_link > div{
width: 100%; width: 100%;
} }
footer{ footer{
padding: 0.64rem 0.64rem 0.53rem; padding: 0.64rem 0.64rem 0.53rem;
background-color: #f6f6f6; background-color: #f6f6f6;
margin-bottom: env(safe-area-inset-bottom); margin-bottom: env(safe-area-inset-bottom);
} }
.copyright > .copyright_left{ .copyright > .copyright_left{
color:#b2b2b2; color:#b2b2b2;
} }
.block-search > .block .block-content{ .block-search > .block .block-content{
display: none; display: none;
} }
.block-content > .minisearch{ .block-content > .minisearch{
display: none !important; display: none !important;
} }
.footer_link > div > img{ .footer_link > div > img{
margin-top: 10px; margin-top: 10px;
margin-bottom: 20px; margin-bottom: 20px;
} }
//.product-info-wrapper .page-title-wrapper span.base{ //.product-info-wrapper .page-title-wrapper span.base{
// text-transform: none; // text-transform: none;
// font-weight: 400; // font-weight: 400;
// color: #292929; // color: #292929;
// padding-bottom: 1px; // padding-bottom: 1px;
// margin-bottom: 0; // margin-bottom: 0;
// font-family: Outfit-Regular, sans-serif; // font-family: Outfit-Regular, sans-serif;
// font-size: 20px; // font-size: 20px;
// display: block !important; // display: block !important;
// margin-top: 1px !important; // margin-top: 1px !important;
//} //}
.page-main > .columns{
margin-top: 20px;
position: inherit;
}
footer .footer_link .logo_img{
margin-top: 2%;
}
.footer_link h4 span{
display: block;
float: right;
line-height: 30px;
width: 30px;
height: 30px;
text-align: center;
color: #333333;
background: #eeeeee;
cursor: pointer;
font-size: smaller;
}
.copyright{
font-size: smaller;
}
.copyright span{
width: 100%;
}
.footer_link ul{
display: none;
}
.page-main > .columns{
margin-top: 20px;
.breadcrumbs .items{ position: inherit;
display: none; }
}
#tab-label-description > a{
color: #222222;
font-weight: 500;
line-height: 1.35;
font-family: Outfit-Regular;
font-size: 1.09em;
margin-bottom: 0.69em;
}
.product attribute description,.product-info-main .product .attribute .overview{
font-size: small;
font-family: Outfit-Regular;
line-height: 25px;
color: #666666;
}
.header_bar{ footer .footer_link .logo_img{
width: 100%; margin-top: 2%;
padding-top: 0px; }
margin-top: 0px;
position: fixed;
z-index: 11;
}
.page-wrapper .page-header,header_bar{ .footer_link h4 span{
background: #f2f2f2; display: block;
width: 100%; float: right;
padding-top: 0px; line-height: 30px;
margin-top: 40px; width: 30px;
position: fixed; height: 30px;
z-index: 11; text-align: center;
} color: #333333;
background: #eeeeee;
cursor: pointer;
font-size: smaller;
}
.copyright{
font-size: smaller;
}
.copyright span{
width: 100%;
}
.footer_link ul{
display: none;
}
.breadcrumbs > ul .items {
width: max-content;
}
.breadcrumbs .items{
.breadcrumbs li > .item .product{ display: none;
margin-top: 60px; }
}
#tab-label-description > a{
#product-review-container #customer-reviews .block .block-content { color: #222222;
display: block; font-weight: 500;
} line-height: 1.35;
font-family: Outfit-Regular;
//.product-info-wrapper .page-title-wrapper h1{ font-size: 1.09em;
// text-overflow: ellipsis; margin-bottom: 0.69em;
// white-space: nowrap; }
// overflow: hidden; .product attribute description,.product-info-main .product .attribute .overview{
// cursor: pointer; font-size: small;
// width: 100%; font-family: Outfit-Regular;
// display: inline-block; line-height: 25px;
// color: #222222; color: #666666;
// margin-top: 15px; }
// font-family: Outfit-Regular;
// font-size: 16px; .header_bar{
//} width: 100%;
padding-top: 0px;
.box-tocart .fieldset .actions { margin-top: 0px;
position: fixed; position: fixed;
font-size: larger; z-index: 11;
bottom: 0; }
z-index: 11;
width: 100%; .page-wrapper .page-header,header_bar{
margin: 0 auto; background: #f2f2f2;
left: 0; width: 100%;
right: 0; padding-top: 0px;
padding: 0; margin-top: 40px;
background: #fff; position: fixed;
padding-top: 10px; z-index: 11;
} }
//#maincontent .columns .column .main .product-info-wrapper .page-title-wrapper .product{ .breadcrumbs > ul .items {
// text-overflow: ellipsis; width: max-content;
// white-space: nowrap; }
// overflow: hidden;
// cursor: pointer;
// width: 100%;
// display: inline-block; .breadcrumbs li > .item .product{
// color: #222222; margin-top: 60px;
// margin-top: 5px; }
//}
#product-review-container #customer-reviews .block .block-content {
display: block;
}
//.product-info-wrapper .page-title-wrapper h1{
// text-overflow: ellipsis;
// white-space: nowrap;
// overflow: hidden;
// cursor: pointer;
// width: 100%;
// display: inline-block;
// color: #222222;
// margin-top: 15px;
// font-family: Outfit-Regular;
// font-size: 16px;
//}
.box-tocart .fieldset .actions {
position: fixed;
font-size: larger;
bottom: 0;
z-index: 11;
width: 100%;
margin: 0 auto;
left: 0;
right: 0;
padding: 0;
background: #fff;
padding-top: 10px;
}
//#maincontent .columns .column .main .product-info-wrapper .page-title-wrapper .product{
// text-overflow: ellipsis;
// white-space: nowrap;
// overflow: hidden;
// cursor: pointer;
// width: 100%;
// display: inline-block;
// color: #222222;
// margin-top: 5px;
//}
} }
@media screen and (max-width:789px) { @media screen and (max-width:789px) {
...@@ -455,35 +455,35 @@ footer .footer_link{ ...@@ -455,35 +455,35 @@ footer .footer_link{
} }
.input-text.qty,#qty{ .input-text.qty,#qty{
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
} }
//.price-final_price .price, .product-item-details > .price-box > .price{ //.price-final_price .price, .product-item-details > .price-box > .price{
// font-size: 24px !important; // font-size: 24px !important;
//} //}
button, input, optgroup, select, textarea{ button, input, optgroup, select, textarea{
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
} }
.minisearch .control .input-text{ .minisearch .control .input-text{
outline: none; outline: none;
position: relative; position: relative;
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
width: 100%; width: 100%;
border-radius: 0; border-radius: 0;
} }
.swatch-option.text:hover { .swatch-option.text:hover {
background-color: #222222; background-color: #222222;
color: #fff; color: #fff;
} }
#product-options-wrapper .swatch-option.image:hover{ #product-options-wrapper .swatch-option.image:hover{
border: 2px solid #000; border: 2px solid #000;
} }
.product.info .review-add + .review-list, .product.info #product-review-container { .product.info .review-add + .review-list, .product.info #product-review-container {
float: left; float: left;
width: 100%; width: 100%;
} }
//.old-price{ //.old-price{
...@@ -491,86 +491,86 @@ button, input, optgroup, select, textarea{ ...@@ -491,86 +491,86 @@ button, input, optgroup, select, textarea{
//} //}
ul { ul {
list-style: none; list-style: none;
} }
.copyright{ .copyright{
text-align: center; text-align: center;
border-top: 1px solid #4222; border-top: 1px solid #4222;
padding: 10px 0; padding: 10px 0;
font-size: smaller; font-size: smaller;
} }
.footer_link::after{ .footer_link::after{
clear: both; clear: both;
content: ''; content: '';
display: block; display: block;
} }
.copyright > .copyright_left{ .copyright > .copyright_left{
float: left; float: left;
margin-left: 5%; margin-left: 5%;
margin-top: 10px; margin-top: 10px;
font-weight: bold; font-weight: bold;
color: #fff; color: #fff;
font-size: smaller; font-size: smaller;
} }
.copyright img{ .copyright img{
margin-bottom: -10px; margin-bottom: -10px;
margin-right: 1%; margin-right: 1%;
height: 40px; height: 40px;
} }
.copyright a{ .copyright a{
padding: 10px; padding: 10px;
font-weight: bold; font-weight: bold;
} }
@media (max-width: 767px){ @media (max-width: 767px){
.page-main > .columns{ .page-main > .columns{
margin-top: 70px; margin-top: 70px;
} }
#product-review-container #customer-reviews .block .block-content { #product-review-container #customer-reviews .block .block-content {
display: block; display: block;
} }
//.product-info-wrapper .page-title-wrapper h1{ //.product-info-wrapper .page-title-wrapper h1{
// text-overflow: ellipsis; // text-overflow: ellipsis;
// white-space: nowrap; // white-space: nowrap;
// overflow: hidden; // overflow: hidden;
// cursor: pointer; // cursor: pointer;
// width: 100%; // width: 100%;
// display: inline-block; // display: inline-block;
// color: #222222; // color: #222222;
// margin-top: 15px; // margin-top: 15px;
// font-family: Outfit-Regular; // font-family: Outfit-Regular;
// font-size: 16px; // font-size: 16px;
//} //}
.box-tocart .fieldset .actions { .box-tocart .fieldset .actions {
position: fixed; position: fixed;
font-size: larger; font-size: larger;
bottom: 0; bottom: 0;
z-index: 11; z-index: 11;
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
left: 0; left: 0;
right: 0; right: 0;
padding: 0; padding: 0;
background: #fff; background: #fff;
padding-top: 10px; padding-top: 10px;
} }
//#maincontent .columns .column .main .product-info-wrapper .page-title-wrapper .product{ //#maincontent .columns .column .main .product-info-wrapper .page-title-wrapper .product{
// text-overflow: ellipsis; // text-overflow: ellipsis;
// white-space: nowrap; // white-space: nowrap;
// overflow: hidden; // overflow: hidden;
// cursor: pointer; // cursor: pointer;
// width: 100%; // width: 100%;
// display: inline-block; // display: inline-block;
// color: #222222; // color: #222222;
// margin-top: 5px; // margin-top: 5px;
//} //}
} }
.price-final_price .price,.product-item-details > .price-box > .price{ .price-final_price .price,.product-item-details > .price-box > .price{
...@@ -585,7 +585,7 @@ ul { ...@@ -585,7 +585,7 @@ ul {
} }
.filter-options-item .filter-price { .filter-options-item .filter-price {
font-family: Outfit-Regular; font-family: Outfit-Regular;
} }
.price-final_price .old-price .price{ .price-final_price .old-price .price{
...@@ -716,8 +716,8 @@ ul { ...@@ -716,8 +716,8 @@ ul {
height: 500px; height: 500px;
} }
.section-element.shop_by_categories .container { .section-element.shop_by_categories .container {
padding-bottom: 15px; padding-bottom: 15px;
} }
.shop-by-cata { .shop-by-cata {
padding: 20px; padding: 20px;
width: 25%; width: 25%;
...@@ -1311,56 +1311,56 @@ footer{ ...@@ -1311,56 +1311,56 @@ footer{
--input-shadow-spread: 0; --input-shadow-spread: 0;
} }
//.navigation li.level0.nav-1 .ui-menu-icon{ //.navigation li.level0.nav-1 .ui-menu-icon{
// position: absolute; // position: absolute;
// text-transform: uppercase; // text-transform: uppercase;
// font: inherit; // font: inherit;
// font-size: 9px; // font-size: 9px;
// padding: 3px; // padding: 3px;
// border-radius: 2px; // border-radius: 2px;
// line-height: 1.2; // line-height: 1.2;
// color: #ffffff; // color: #ffffff;
// min-width: 35px; // min-width: 35px;
// text-align: center; // text-align: center;
// background-color: #0cc485; // background-color: #0cc485;
// top: 0; // top: 0;
// right: 14px; // right: 14px;
//} //}
//.navigation li a:hover{ //.navigation li a:hover{
// background: none !important; // background: none !important;
//} //}
// //
//.navigation li.opened a:hover{ //.navigation li.opened a:hover{
// background: none !important; // background: none !important;
//} //}
//.navigation .opened > a{ //.navigation .opened > a{
// background: none !important; // background: none !important;
//} //}
// //
//.navigation li.level0:hover{ //.navigation li.level0:hover{
// content: ""; // content: "";
// width: 0; // width: 0;
// height: 2px; // height: 2px;
// color: #000000; // color: #000000;
// position: absolute; // position: absolute;
// bottom: 15px; // bottom: 15px;
// left: 10px; // left: 10px;
// border-bottom: 2px solid #000000; // border-bottom: 2px solid #000000;
// transition: all 0.3s ease; // transition: all 0.3s ease;
//} //}
//.navigation .level0:hover:after{ //.navigation .level0:hover:after{
// content: ''; // content: '';
// display: block; // display: block;
// position: absolute; // position: absolute;
// top: 0; // top: 0;
// left: 100%; // left: 100%;
// width: 10px; // width: 10px;
// height: calc(100% + 3px); // height: calc(100% + 3px);
// z-index: 1; // z-index: 1;
//} //}
} }
@media (max-width: 639.98px) { @media (max-width: 639.98px) {
...@@ -1563,34 +1563,34 @@ footer{ ...@@ -1563,34 +1563,34 @@ footer{
-o-transition: all 0.5s ease; -o-transition: all 0.5s ease;
} }
@media(max-width:789px){ @media(max-width:789px){
.banner-4-cate{ .banner-4-cate{
padding-bottom: 20px; padding-bottom: 20px;
width: 50%; width: 50%;
} }
.view-more-flashsale { .view-more-flashsale {
padding: 0px; padding: 0px;
} }
p.flashsale-title { p.flashsale-title {
padding: 0px; padding: 0px;
} }
} }
@media (max-width: 670px) { @media (max-width: 670px) {
.categories_tab { .categories_tab {
margin-top: 200px; margin-top: 200px;
} }
} }
@media (min-width: 670px) { @media (min-width: 670px) {
.categories_tab { .categories_tab {
margin-top: 250px; margin-top: 250px;
} }
} }
@media (min-width: 780px){ @media (min-width: 780px){
.categories_tab { .categories_tab {
margin-top: 0px; margin-top: 0px;
} }
} }
@media (max-width: 780px){ @media (max-width: 780px){
...@@ -1810,6 +1810,7 @@ button.action.submit.primary { ...@@ -1810,6 +1810,7 @@ button.action.submit.primary {
margin: 0; margin: 0;
padding: 15px 0 10px 20px; padding: 15px 0 10px 20px;
border-bottom: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;
flex-basis: auto;
margin-top: -50px; margin-top: -50px;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment