更新网站架构
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -0,0 +1,3 @@
|
||||
/*
|
||||
Custom Css
|
||||
*/
|
||||
+4619
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,207 @@
|
||||
@charset 'UTF-8';
|
||||
/* Slider */
|
||||
.slick-loading .slick-list
|
||||
{
|
||||
background: #fff url('../img/ajax-loader.gif') center center no-repeat;
|
||||
}
|
||||
|
||||
/* Icons */
|
||||
@font-face
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
src: url('../webfonts/slick.eot');
|
||||
src: url('../webfonts/slick.eot?#iefix') format('embedded-opentype'),
|
||||
url('../webfonts/slick.woff') format('woff'),
|
||||
url('../webfonts/slick.ttf') format('truetype'),
|
||||
url('../webfonts/slick.svg#slick') format('svg');
|
||||
}
|
||||
/* Arrows */
|
||||
.slick-prev,
|
||||
.slick-next
|
||||
{
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding: 0;
|
||||
-webkit-transform: translate(0, -50%);
|
||||
-ms-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
color: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-prev:hover,
|
||||
.slick-prev:focus,
|
||||
.slick-next:hover,
|
||||
.slick-next:focus
|
||||
{
|
||||
color: transparent;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-prev:hover:before,
|
||||
.slick-prev:focus:before,
|
||||
.slick-next:hover:before,
|
||||
.slick-next:focus:before
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
.slick-prev.slick-disabled:before,
|
||||
.slick-next.slick-disabled:before
|
||||
{
|
||||
opacity: .25;
|
||||
}
|
||||
|
||||
.slick-prev:before,
|
||||
.slick-next:before
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
|
||||
opacity: .75;
|
||||
color: white;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.slick-prev
|
||||
{
|
||||
left: -25px;
|
||||
}
|
||||
[dir='rtl'] .slick-prev
|
||||
{
|
||||
right: -25px;
|
||||
left: auto;
|
||||
}
|
||||
.slick-prev:before
|
||||
{
|
||||
content: '←';
|
||||
}
|
||||
[dir='rtl'] .slick-prev:before
|
||||
{
|
||||
content: '→';
|
||||
}
|
||||
|
||||
.slick-next
|
||||
{
|
||||
right: -25px;
|
||||
}
|
||||
[dir='rtl'] .slick-next
|
||||
{
|
||||
right: auto;
|
||||
left: -25px;
|
||||
}
|
||||
.slick-next:before
|
||||
{
|
||||
content: '→';
|
||||
}
|
||||
[dir='rtl'] .slick-next:before
|
||||
{
|
||||
content: '←';
|
||||
}
|
||||
|
||||
/* Dots */
|
||||
.slick-dotted.slick-slider
|
||||
{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.slick-dots
|
||||
{
|
||||
position: absolute;
|
||||
bottom: -25px;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
list-style: none;
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
.slick-dots li
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: inline-block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 0 5px;
|
||||
padding: 0;
|
||||
|
||||
cursor: pointer;
|
||||
}
|
||||
.slick-dots li button
|
||||
{
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding: 5px;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
color: transparent;
|
||||
border: 0;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-dots li button:hover,
|
||||
.slick-dots li button:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
.slick-dots li button:hover:before,
|
||||
.slick-dots li button:focus:before
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
.slick-dots li button:before
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-size: 6px;
|
||||
line-height: 20px;
|
||||
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
|
||||
content: '•';
|
||||
text-align: center;
|
||||
|
||||
opacity: .25;
|
||||
color: black;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.slick-dots li.slick-active button:before
|
||||
{
|
||||
opacity: .75;
|
||||
color: black;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@charset 'UTF-8';.slick-dots,.slick-next,.slick-prev{position:absolute;display:block;padding:0}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-loading .slick-list{background:url(../img/ajax-loader.gif) center center no-repeat #fff}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(../webfonts/slick.eot);src:url(../webfonts/slick.eot?#iefix) format('embedded-opentype'),url(../webfonts/slick.woff) format('woff'),url(../webfonts/slick.ttf) format('truetype'),url(../webfonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;top:50%;width:20px;height:20px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}.slick-next:before,[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;width:100%;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000}.slick-dots li.slick-active button:before{opacity:.75;color:#000}
|
||||
@@ -0,0 +1,2 @@
|
||||
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
|
||||
/*# sourceMappingURL=slick.min.css.map */
|
||||
@@ -0,0 +1,191 @@
|
||||
/*
|
||||
|
||||
TemplateMo 559 Zay Shop
|
||||
|
||||
https://templatemo.com/tm-559-zay-shop
|
||||
|
||||
---------------------------------------------
|
||||
Table of contents
|
||||
------------------------------------------------
|
||||
1. Typography
|
||||
2. General
|
||||
3. Nav
|
||||
4. Hero Carousel
|
||||
5. Accordion
|
||||
6. Shop
|
||||
7. Product
|
||||
8. Carousel Hero
|
||||
9. Carousel Brand
|
||||
10. Services
|
||||
11. Contact map
|
||||
12. Footer
|
||||
13. Small devices (landscape phones, 576px and up)
|
||||
14. Medium devices (tablets, 768px and up)
|
||||
15. Large devices (desktops, 992px and up)
|
||||
16. Extra large devices (large desktops, 1200px and up)
|
||||
--------------------------------------------- */
|
||||
|
||||
|
||||
|
||||
|
||||
/* Typography */
|
||||
body, ul, li, p, a, label, input, div {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 18px !important;
|
||||
font-weight: 300 !important;
|
||||
}
|
||||
.h1 {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 48px !important;
|
||||
font-weight: 200 !important;
|
||||
}
|
||||
.h2 {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 30px !important;
|
||||
font-weight: 300;
|
||||
}
|
||||
.h3 {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 22px !important;
|
||||
}
|
||||
/* General */
|
||||
.logo { font-weight: 500 !important;}
|
||||
.text-warning { color: #ede861 !important;}
|
||||
.text-muted { color: #bcbcbc !important;}
|
||||
.text-success { color: #59ab6e !important;}
|
||||
.text-light { color: #cfd6e1 !important;}
|
||||
.bg-dark { background-color: #212934 !important;}
|
||||
.bg-light { background-color: #e9eef5 !important;}
|
||||
.bg-black { background-color: #1d242d !important;}
|
||||
.bg-success { background-color: #59ab6e !important;}
|
||||
.btn-success {
|
||||
background-color: #59ab6e !important;
|
||||
border-color: #56ae6c !important;
|
||||
}
|
||||
.pagination .page-link:hover {color: #000;}
|
||||
.pagination .page-link:hover, .pagination .page-link.active {
|
||||
background-color: #69bb7e;
|
||||
color: #fff;
|
||||
}
|
||||
/* Nav */
|
||||
#templatemo_nav_top { min-height: 40px;}
|
||||
#templatemo_nav_top * { font-size: .9em !important;}
|
||||
#templatemo_main_nav a { color: #212934;}
|
||||
#templatemo_main_nav a:hover { color: #69bb7e;}
|
||||
#templatemo_main_nav .navbar .nav-icon { margin-right: 20px;}
|
||||
|
||||
/* Hero Carousel */
|
||||
#template-mo-zay-hero-carousel { background: #efefef !important;}
|
||||
/* Accordion */
|
||||
.templatemo-accordion a { color: #000;}
|
||||
.templatemo-accordion a:hover { color: #333d4a;}
|
||||
/* Shop */
|
||||
.shop-top-menu a:hover { color: #69bb7e !important;}
|
||||
/* Product */
|
||||
.product-wap { box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.10);}
|
||||
.product-wap .product-color-dot.color-dot-red { background:#f71515;}
|
||||
.product-wap .product-color-dot.color-dot-blue { background:#6db4fe;}
|
||||
.product-wap .product-color-dot.color-dot-black { background:#000000;}
|
||||
.product-wap .product-color-dot.color-dot-light { background:#e0e0e0;}
|
||||
.product-wap .product-color-dot.color-dot-green { background:#0bff7e;}
|
||||
.card.product-wap .card .product-overlay {
|
||||
background: rgba(0,0,0,.2);
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: .3s;
|
||||
}
|
||||
.card.product-wap:hover .card .product-overlay {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
.card.product-wap a { color: #000;}
|
||||
#carousel-related-product .slick-slide:focus { outline: none !important;}
|
||||
#carousel-related-product .slick-dots li button:before {
|
||||
font-size: 15px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
/* Brand */
|
||||
.brand-img {
|
||||
filter: grayscale(100%);
|
||||
opacity: 0.5;
|
||||
transition: .5s;
|
||||
}
|
||||
.brand-img:hover {
|
||||
filter: grayscale(0%);
|
||||
opacity: 1;
|
||||
}
|
||||
/* Carousel Hero */
|
||||
#template-mo-zay-hero-carousel .carousel-indicators li {
|
||||
margin-top: -50px;
|
||||
background-color: #59ab6e;
|
||||
}
|
||||
#template-mo-zay-hero-carousel .carousel-control-next i,
|
||||
#template-mo-zay-hero-carousel .carousel-control-prev i {
|
||||
color: #59ab6e !important;
|
||||
font-size: 2.8em !important;
|
||||
}
|
||||
/* Carousel Brand */
|
||||
.tempaltemo-carousel .h1 {
|
||||
font-size: .5em !important;
|
||||
color: #000 !important;
|
||||
}
|
||||
/* Services */
|
||||
.services-icon-wap {transition: .3s;}
|
||||
.services-icon-wap:hover, .services-icon-wap:hover i {color: #fff;}
|
||||
.services-icon-wap:hover {background: #69bb7e;}
|
||||
/* Contact map */
|
||||
.leaflet-control a, .leaflet-control { font-size: 10px !important;}
|
||||
.form-control { border: 1px solid #e8e8e8;}
|
||||
/* Footer */
|
||||
#tempaltemo_footer a { color: #dcdde1;}
|
||||
#tempaltemo_footer a:hover { color: #68bb7d;}
|
||||
#tempaltemo_footer ul.footer-link-list li { padding-top: 10px;}
|
||||
#tempaltemo_footer ul.footer-icons li {
|
||||
width: 2.6em;
|
||||
height: 2.6em;
|
||||
line-height: 2.6em;
|
||||
}
|
||||
#tempaltemo_footer ul.footer-icons li:hover {
|
||||
background-color: #cfd6e1;
|
||||
transition: .5s;
|
||||
}
|
||||
#tempaltemo_footer ul.footer-icons li:hover i {
|
||||
color: #212934;
|
||||
transition: .5s;
|
||||
}
|
||||
#tempaltemo_footer .border-light { border-color: #2d343f !important;}
|
||||
/*
|
||||
// Extra small devices (portrait phones, less than 576px)
|
||||
// No media query since this is the default in Bootstrap
|
||||
*/
|
||||
/* Small devices (landscape phones, 576px and up)*/
|
||||
.product-wap .h3, .product-wap li, .product-wap i, .product-wap p {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
.product-wap .product-color-dot {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.tempaltemo-carousel .h1 { font-size: 1em !important;}
|
||||
}
|
||||
|
||||
/*// Medium devices (tablets, 768px and up)*/
|
||||
@media (min-width: 768px) {
|
||||
#templatemo_main_nav .navbar-nav {max-width: 450px;}
|
||||
}
|
||||
|
||||
/* Large devices (desktops, 992px and up)*/
|
||||
@media (min-width: 992px) {
|
||||
#templatemo_main_nav .navbar-nav {max-width: 550px;}
|
||||
#template-mo-zay-hero-carousel .carousel-item {min-height: 30rem !important;}
|
||||
.product-wap .h3, .product-wap li, .product-wap i, .product-wap p {font-size: 18px !important;}
|
||||
.product-wap .product-color-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Extra large devices (large desktops, 1200px and up)*/
|
||||
@media (min-width: 1200px) {}
|
||||
@@ -0,0 +1 @@
|
||||
.h1,.h2,.h3,a,body,div,input,label,li,p,ul{font-family:Roboto,sans-serif}a,body,div,input,label,li,p,ul{font-size:18px!important;font-weight:300!important}.h1{font-size:48px!important;font-weight:200!important}.h2{font-size:30px!important;font-weight:300}.h3{font-size:22px!important}.logo{font-weight:500!important}.text-warning{color:#ede861!important}.text-muted{color:#bcbcbc!important}.text-success{color:#59ab6e!important}.text-light{color:#cfd6e1!important}.bg-dark{background-color:#212934!important}.bg-light{background-color:#e9eef5!important}.bg-black{background-color:#1d242d!important}.bg-success,.btn-success{background-color:#59ab6e!important}.btn-success{border-color:#56ae6c!important}.pagination .page-link.active,.pagination .page-link:hover{background-color:#69bb7e;color:#fff}#templatemo_nav_top{min-height:40px}#templatemo_nav_top *{font-size:.9em!important}#templatemo_main_nav a{color:#212934}#templatemo_main_nav a:hover{color:#69bb7e}#templatemo_main_nav .navbar .nav-icon{margin-right:20px}#template-mo-zay-hero-carousel{background:#efefef!important}.templatemo-accordion a{color:#000}.templatemo-accordion a:hover{color:#333d4a}.shop-top-menu a:hover{color:#69bb7e!important}.product-wap{box-shadow:0 5px 10px 0 rgba(0,0,0,.1)}.product-wap .product-color-dot.color-dot-red{background:#f71515}.product-wap .product-color-dot.color-dot-blue{background:#6db4fe}.product-wap .product-color-dot.color-dot-black{background:#000}.product-wap .product-color-dot.color-dot-light{background:#e0e0e0}.product-wap .product-color-dot.color-dot-green{background:#0bff7e}.card.product-wap .card .product-overlay{background:rgba(0,0,0,.2);visibility:hidden;opacity:0;transition:.3s}.card.product-wap:hover .card .product-overlay{visibility:visible;opacity:1}.card.product-wap a{color:#000}#carousel-related-product .slick-slide:focus{outline:0!important}#carousel-related-product .slick-dots li button:before{font-size:15px;margin-top:20px}.brand-img{filter:grayscale(100%);opacity:.5;transition:.5s}.brand-img:hover{filter:grayscale(0);opacity:1}#template-mo-zay-hero-carousel .carousel-indicators li{margin-top:-50px;background-color:#59ab6e}#template-mo-zay-hero-carousel .carousel-control-next i,#template-mo-zay-hero-carousel .carousel-control-prev i{color:#59ab6e!important;font-size:2.8em!important}.tempaltemo-carousel .h1{font-size:.5em!important;color:#000!important}.services-icon-wap{transition:.3s}.services-icon-wap:hover,.services-icon-wap:hover i{color:#fff}.services-icon-wap:hover{background:#69bb7e}.leaflet-control,.leaflet-control a{font-size:10px!important}.form-control{border:1px solid #e8e8e8}#tempaltemo_footer a{color:#dcdde1}#tempaltemo_footer a:hover{color:#68bb7d}#tempaltemo_footer ul.footer-link-list li{padding-top:10px}#tempaltemo_footer ul.footer-icons li{width:2.6em;height:2.6em;line-height:2.6em}#tempaltemo_footer ul.footer-icons li:hover{background-color:#cfd6e1;transition:.5s}#tempaltemo_footer ul.footer-icons li:hover i{color:#212934;transition:.5s}#tempaltemo_footer .border-light{border-color:#2d343f!important}.product-wap .h3,.product-wap i,.product-wap li,.product-wap p{font-size:12px!important}.product-wap .product-color-dot{width:6px;height:6px}@media (min-width:576px){.tempaltemo-carousel .h1{font-size:1em!important}}@media (min-width:768px){#templatemo_main_nav .navbar-nav{max-width:450px}}@media (min-width:992px){#templatemo_main_nav .navbar-nav{max-width:550px}#template-mo-zay-hero-carousel .carousel-item{min-height:30rem!important}.product-wap .h3,.product-wap i,.product-wap li,.product-wap p{font-size:18px!important}.product-wap .product-color-dot{width:12px;height:12px}}
|
||||
Reference in New Issue
Block a user