Commit 90ce57f0 by lmf

重构网站公共底部

parent c8ed9f00
......@@ -127,25 +127,42 @@
.newsletter-list {
width: 100%;
float: left;
text-align: center;
text-align: inherit;
}
.newsletter-list ul{
display: flex;
justify-content: center;
}
.block.newsletter{
height: 200px;
height: 140px;
margin-top: 0px;
background: none;
}
.newsletter-list.sub {
width: 105%;
margin-top: -1%;
}
.newsletter-list.ins {
width: 100%;
text-align: inherit;
}
.actions .subscribe {
margin-left: -16px;
width: 28%;
width: 30%;
}
.newsletter-list > span {
color: #000;
text-transform: uppercase;
line-height: 40px;
font-size: smaller;
font-weight: 400;
}
.newsletter-list ul >li >a > img{
max-width: 50%;
margin-left: 2px;
background-color: black;
width: 100%;
height: 100%;
border-radius: 50%;
}
}
</style>
......
......@@ -22,8 +22,9 @@ $logoHeight = $logoSizeResolver !== null && $logoSizeResolver->getHeight()
<div class="footer-container">
<div class="footer_link">
<div style="text-align: center;color: #ffffff;">
<img src="/media/wysiwyg/joshine_logo_1.png" width="200px;" class="logo_img">
<div style="text-align: center;color: #ffffff;" >
<img src="/media/wysiwyg/joshine_logo_1.png" width="200px;" class="logo_img" id="footer_logo">
<h4 id="footer_logo_name">JOSHINE info</h4>
</div>
<div>
<h4>ABOUT JOSHINE <span> > </span></h4>
......@@ -55,8 +56,9 @@ $logoHeight = $logoSizeResolver !== null && $logoSizeResolver->getHeight()
</div>
<div class="copyright" >
<span class="copyright_left">Copyright © JOSHINE all rights reserved</span>
<span class="copyright_right"><img src="/media/wysiwyg/footerpay.png" height="40px;">
<a title="Copy Right" href="/copy-right" >Copy Right</a>
<span class="copyright_right">
<img src="/media/wysiwyg/footerpay.png" height="40px;">
<a title="Copy Right" href="/copy-right" >Copy Right</a>
<a title="Terms of Use" href="/terms-of-use" >Terms of Use</a>
<a title="Security & Privacy Policy" href="/security-privacy-policy" >Security & Privacy Policy</a>
</span>
......
......@@ -200,12 +200,7 @@
padding: 0;
margin: 0;
}
footer{
margin-top: 18px;
background: #000;
color: #fff;
padding: 10px ;
}
footer .footer_link {
margin-bottom: 40px;
......@@ -216,18 +211,22 @@ footer .footer_link .logo_img{
footer a{
color: #fff;
text-decoration: auto;
font-size: 14px;
}
.footer_link > div{
float: left;
width: 25%;
}
.footer_link h4{
margin-bottom: 20px;
font-size: smaller;
}
.footer_link h4 span{
display: none;
}
footer .footer_link{
color: #fff;
}
.footer_link ul li{
margin-bottom: 12px;
font-family: 'Outfit-Regular';
......@@ -237,9 +236,22 @@ footer a{
.footer_link > div{
width: 100%;
}
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_right{
display: none;
}
.block-search > .block .block-content{
display: none;
display: none;
}
.block-content > .minisearch{
......@@ -385,6 +397,61 @@ footer a{
//}
}
@media screen and (max-width:789px) {
footer{
padding: 0.64rem 0.64rem 0.53rem;
background-color: #f6f6f6;
}
footer .footer_link {
margin-bottom: 40px;
}
footer .footer_link .logo_img{
margin-top: 10%;
}
footer a{
color: #222;
text-decoration: auto;
font-size: 14px;
}
#footer_logo{
display: none;
}
#footer_logo_name{
display: block;
color: #222;
float: left;
font-weight: 600;
margin-top: 10px;
}
.footer_link > div {
width: 100%;
color: #222;
margin-top: 10px;
}
.block-search > .block .block-content {
display: none;
}
.block-content > .minisearch {
display: none !important;
}
.footer_link > div > img {
margin-top: 10px;
margin-bottom: 20px;
}
.footer_link h4{
font-weight: normal;
}
.footer_link ul li{
margin-bottom: 12px;
font-family: emoji;
font-size: 12px;
}
}
.input-text.qty,#qty{
padding: 0.5rem 0.75rem;
......@@ -427,7 +494,7 @@ ul {
}
.copyright{
text-align: center;
border-top: 1px solid #423f3f;
border-top: 1px solid #4222;
padding: 10px 0;
font-size: smaller;
}
......@@ -1063,3 +1130,17 @@ footer{
margin-top: 0px;
}
}
@media (max-width: 780px){
.copyright > .copyright_left{
color:#b2b2b2;
}
footer{
padding-top: 140px;
margin-top: -120px;
}
}
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