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 @@
}
.page-main > .columns > .sidebar-additional{
font-family: Outfit-Regular;
font-family: Outfit-Regular;
}
......@@ -49,7 +49,7 @@
}
.products-grid .product-item{
display: list-item !important;
display: list-item !important;
}
.products-grid .product-item .product.name a{
......@@ -107,11 +107,11 @@
}
.block .review-add .block-content{
display: block !important;
display: block !important;
}
.block-content > .minisearch{
display: none !important;
display: none !important;
}
.header.content{
......@@ -125,80 +125,80 @@
.page-header {
position: fixed;
}
}
@media (min-width: 1024px){
.breeze-gallery.vertical:not(.opened) .thumbnails {
flex-direction: column;
flex-wrap: nowrap;
order: -1;
max-height: max-content;
margin: 0 5px 0 0;
padding-right: 10px;
padding-bottom: 0;
overflow-y: overlay;
}
.breeze-gallery.vertical:not(.opened) .thumbnails {
flex-direction: column;
flex-wrap: nowrap;
order: -1;
max-height: max-content;
margin: 0 5px 0 0;
padding-right: 10px;
padding-bottom: 0;
overflow-y: overlay;
}
}
#maincontent .page-title-wrapper #page-title-heading .base{
display: none;
display: none;
}
.filter-content .filter-options .filter-options-title {
font-size: 20px;
color: #292929;
font-weight: 500;
position: relative;
padding-bottom: 12px;
margin-bottom: 10px;
font-family: Outfit-Regular;
display: block;
background-color: whitesmoke;
font-size: 20px;
color: #292929;
font-weight: 500;
position: relative;
padding-bottom: 12px;
margin-bottom: 10px;
font-family: Outfit-Regular;
display: block;
background-color: whitesmoke;
}
.filter-content .filter-options .filter-options-content ol li a {
color: #999999;
color: #999999;
}
.swatch-option {
display: block;
font-family: Outfit-Regular;
width: 40px;
height: 40px;
line-height: 40px;
color: #222222;
font-size: 12px;
font-weight: 500;
text-align: center;
background-color: #f1f1f1;
border-radius: 10%;
padding: 0;
border: 0;
display: block;
font-family: Outfit-Regular;
width: 40px;
height: 40px;
line-height: 40px;
color: #222222;
font-size: 12px;
font-weight: 500;
text-align: center;
background-color: #f1f1f1;
border-radius: 10%;
padding: 0;
border: 0;
}
.swatch-option-link-layered .swatch-option .color{
position: unset;
border-radius: 20px;
}
position: unset;
border-radius: 20px;
}
.block-content .recent .products-list .product-items .product-item .product-item-info .product-item-details .product-item-name{
text-overflow: ellipsis;
font-family: Outfit-Regular;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
width: 70%;
display: inline-block;
color: #222222;
text-overflow: ellipsis;
font-family: Outfit-Regular;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
width: 70%;
display: inline-block;
color: #222222;
}
*{
padding: 0;
margin: 0;
padding: 0;
margin: 0;
}
......@@ -210,192 +210,192 @@ footer .footer_link {
margin-bottom: 40px;
}
footer .footer_link .logo_img{
margin-top: 10%;
margin-top: 10%;
}
footer a{
color: #fff;
text-decoration: auto;
font-size: 14px;
color: #fff;
text-decoration: auto;
font-size: 14px;
}
.footer_link > div{
float: left;
width: 25%;
float: left;
width: 25%;
}
.footer_link h4{
font-size: smaller;
font-size: smaller;
}
.footer_link h4 span{
display: none;
display: none;
}
footer .footer_link{
color: #fff;
}
.footer_link ul li{
margin-bottom: 12px;
font-family: 'Outfit-Regular';
margin-bottom: 12px;
font-family: 'Outfit-Regular';
}
@media screen and (max-width:789px) {
.footer_link > div{
width: 100%;
}
.footer_link > div{
width: 100%;
}
footer{
padding: 0.64rem 0.64rem 0.53rem;
background-color: #f6f6f6;
margin-bottom: env(safe-area-inset-bottom);
}
footer{
padding: 0.64rem 0.64rem 0.53rem;
background-color: #f6f6f6;
margin-bottom: env(safe-area-inset-bottom);
}
.copyright > .copyright_left{
color:#b2b2b2;
}
.copyright > .copyright_left{
color:#b2b2b2;
}
.block-search > .block .block-content{
display: none;
}
.block-search > .block .block-content{
display: none;
}
.block-content > .minisearch{
display: none !important;
}
.block-content > .minisearch{
display: none !important;
}
.footer_link > div > img{
margin-top: 10px;
margin-bottom: 20px;
}
//.product-info-wrapper .page-title-wrapper span.base{
// text-transform: none;
// font-weight: 400;
// color: #292929;
// padding-bottom: 1px;
// margin-bottom: 0;
// font-family: Outfit-Regular, sans-serif;
// font-size: 20px;
// display: block !important;
// margin-top: 1px !important;
//}
.page-main > .columns{
margin-top: 20px;
position: inherit;
}
footer .footer_link .logo_img{
margin-top: 2%;
}
.footer_link > div > img{
margin-top: 10px;
margin-bottom: 20px;
}
//.product-info-wrapper .page-title-wrapper span.base{
// text-transform: none;
// font-weight: 400;
// color: #292929;
// padding-bottom: 1px;
// margin-bottom: 0;
// font-family: Outfit-Regular, sans-serif;
// font-size: 20px;
// display: block !important;
// margin-top: 1px !important;
//}
.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;
}
.breadcrumbs .items{
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;
}
.page-main > .columns{
margin-top: 20px;
position: inherit;
}
.header_bar{
width: 100%;
padding-top: 0px;
margin-top: 0px;
position: fixed;
z-index: 11;
}
footer .footer_link .logo_img{
margin-top: 2%;
}
.page-wrapper .page-header,header_bar{
background: #f2f2f2;
width: 100%;
padding-top: 0px;
margin-top: 40px;
position: fixed;
z-index: 11;
}
.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;
}
.breadcrumbs > ul .items {
width: max-content;
}
.breadcrumbs li > .item .product{
margin-top: 60px;
}
#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;
//}
.breadcrumbs .items{
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{
width: 100%;
padding-top: 0px;
margin-top: 0px;
position: fixed;
z-index: 11;
}
.page-wrapper .page-header,header_bar{
background: #f2f2f2;
width: 100%;
padding-top: 0px;
margin-top: 40px;
position: fixed;
z-index: 11;
}
.breadcrumbs > ul .items {
width: max-content;
}
.breadcrumbs li > .item .product{
margin-top: 60px;
}
#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) {
......@@ -455,35 +455,35 @@ footer .footer_link{
}
.input-text.qty,#qty{
padding: 0.5rem 0.75rem;
padding: 0.5rem 0.75rem;
}
//.price-final_price .price, .product-item-details > .price-box > .price{
// font-size: 24px !important;
//}
button, input, optgroup, select, textarea{
padding: 0.5rem 0.75rem;
padding: 0.5rem 0.75rem;
}
.minisearch .control .input-text{
outline: none;
position: relative;
padding: 0.5rem 0.75rem;
width: 100%;
border-radius: 0;
outline: none;
position: relative;
padding: 0.5rem 0.75rem;
width: 100%;
border-radius: 0;
}
.swatch-option.text:hover {
background-color: #222222;
color: #fff;
background-color: #222222;
color: #fff;
}
#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 {
float: left;
width: 100%;
float: left;
width: 100%;
}
//.old-price{
......@@ -491,86 +491,86 @@ button, input, optgroup, select, textarea{
//}
ul {
list-style: none;
list-style: none;
}
.copyright{
text-align: center;
border-top: 1px solid #4222;
padding: 10px 0;
font-size: smaller;
text-align: center;
border-top: 1px solid #4222;
padding: 10px 0;
font-size: smaller;
}
.footer_link::after{
clear: both;
content: '';
display: block;
clear: both;
content: '';
display: block;
}
.copyright > .copyright_left{
float: left;
margin-left: 5%;
margin-top: 10px;
font-weight: bold;
color: #fff;
font-size: smaller;
float: left;
margin-left: 5%;
margin-top: 10px;
font-weight: bold;
color: #fff;
font-size: smaller;
}
.copyright img{
margin-bottom: -10px;
margin-right: 1%;
height: 40px;
margin-bottom: -10px;
margin-right: 1%;
height: 40px;
}
.copyright a{
padding: 10px;
font-weight: bold;
padding: 10px;
font-weight: bold;
}
@media (max-width: 767px){
.page-main > .columns{
margin-top: 70px;
}
#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;
//}
.page-main > .columns{
margin-top: 70px;
}
#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;
//}
}
.price-final_price .price,.product-item-details > .price-box > .price{
......@@ -585,7 +585,7 @@ ul {
}
.filter-options-item .filter-price {
font-family: Outfit-Regular;
font-family: Outfit-Regular;
}
.price-final_price .old-price .price{
......@@ -716,8 +716,8 @@ ul {
height: 500px;
}
.section-element.shop_by_categories .container {
padding-bottom: 15px;
}
padding-bottom: 15px;
}
.shop-by-cata {
padding: 20px;
width: 25%;
......@@ -1311,56 +1311,56 @@ footer{
--input-shadow-spread: 0;
}
//.navigation li.level0.nav-1 .ui-menu-icon{
// position: absolute;
// text-transform: uppercase;
// font: inherit;
// font-size: 9px;
// padding: 3px;
// border-radius: 2px;
// line-height: 1.2;
// color: #ffffff;
// min-width: 35px;
// text-align: center;
// background-color: #0cc485;
// top: 0;
// right: 14px;
//}
//.navigation li a:hover{
// background: none !important;
//}
//
//.navigation li.opened a:hover{
// background: none !important;
//}
//.navigation .opened > a{
// background: none !important;
//}
//
//.navigation li.level0:hover{
// content: "";
// width: 0;
// height: 2px;
// color: #000000;
// position: absolute;
// bottom: 15px;
// left: 10px;
// border-bottom: 2px solid #000000;
// transition: all 0.3s ease;
//}
//.navigation .level0:hover:after{
// content: '';
// display: block;
// position: absolute;
// top: 0;
// left: 100%;
// width: 10px;
// height: calc(100% + 3px);
// z-index: 1;
//}
}
//.navigation li.level0.nav-1 .ui-menu-icon{
// position: absolute;
// text-transform: uppercase;
// font: inherit;
// font-size: 9px;
// padding: 3px;
// border-radius: 2px;
// line-height: 1.2;
// color: #ffffff;
// min-width: 35px;
// text-align: center;
// background-color: #0cc485;
// top: 0;
// right: 14px;
//}
//.navigation li a:hover{
// background: none !important;
//}
//
//.navigation li.opened a:hover{
// background: none !important;
//}
//.navigation .opened > a{
// background: none !important;
//}
//
//.navigation li.level0:hover{
// content: "";
// width: 0;
// height: 2px;
// color: #000000;
// position: absolute;
// bottom: 15px;
// left: 10px;
// border-bottom: 2px solid #000000;
// transition: all 0.3s ease;
//}
//.navigation .level0:hover:after{
// content: '';
// display: block;
// position: absolute;
// top: 0;
// left: 100%;
// width: 10px;
// height: calc(100% + 3px);
// z-index: 1;
//}
}
@media (max-width: 639.98px) {
......@@ -1563,34 +1563,34 @@ footer{
-o-transition: all 0.5s ease;
}
@media(max-width:789px){
.banner-4-cate{
padding-bottom: 20px;
width: 50%;
}
.banner-4-cate{
padding-bottom: 20px;
width: 50%;
}
.view-more-flashsale {
padding: 0px;
}
.view-more-flashsale {
padding: 0px;
}
p.flashsale-title {
padding: 0px;
}
p.flashsale-title {
padding: 0px;
}
}
@media (max-width: 670px) {
.categories_tab {
margin-top: 200px;
}
.categories_tab {
margin-top: 200px;
}
}
@media (min-width: 670px) {
.categories_tab {
margin-top: 250px;
}
.categories_tab {
margin-top: 250px;
}
}
@media (min-width: 780px){
.categories_tab {
margin-top: 0px;
}
.categories_tab {
margin-top: 0px;
}
}
@media (max-width: 780px){
......@@ -1810,6 +1810,7 @@ button.action.submit.primary {
margin: 0;
padding: 15px 0 10px 20px;
border-bottom: 1px solid #dcdcdc;
flex-basis: auto;
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