upload
This commit is contained in:
9
scss/carousel.css
Normal file
9
scss/carousel.css
Normal file
@@ -0,0 +1,9 @@
|
||||
/**
|
||||
* Owl Carousel v2.3.4
|
||||
*/
|
||||
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
|
||||
|
||||
/**
|
||||
* Owl Carousel - Theme v2.3.4
|
||||
*/
|
||||
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
|
||||
1719
scss/hoanglong.css
Normal file
1719
scss/hoanglong.css
Normal file
File diff suppressed because it is too large
Load Diff
9
scss/hoanglong.css.map
Normal file
9
scss/hoanglong.css.map
Normal file
File diff suppressed because one or more lines are too long
1253
scss/hoanglong.scss
Normal file
1253
scss/hoanglong.scss
Normal file
File diff suppressed because it is too large
Load Diff
35
scss/lib.css
Normal file
35
scss/lib.css
Normal file
File diff suppressed because one or more lines are too long
563
scss/main.css
Normal file
563
scss/main.css
Normal file
@@ -0,0 +1,563 @@
|
||||
@import url("https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css");
|
||||
body {
|
||||
color: #222;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
background: #f1f1f1;
|
||||
position: relative;
|
||||
min-width: 1200px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.bg-grey {
|
||||
background: #E5E5E5;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #222;
|
||||
text-decoration: none;
|
||||
-webkit-transition: all .3s ease;
|
||||
transition: all .3s ease;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
-webkit-transition: all .3s ease;
|
||||
transition: all .3s ease;
|
||||
}
|
||||
|
||||
.ul, .ol {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
b {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.clearfix::after {
|
||||
content: '';
|
||||
clear: both;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
button, input, select {
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100% !important;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio: 0) {
|
||||
select, textarea, input {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
select, textarea, input {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
iframe {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.text-10 {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.text-11 {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.text-12 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.text-13 {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.text-14 {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.text-15 {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.text-16 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.text-17 {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.text-18 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.text-20 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.text-22 {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.text-24 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.blue {
|
||||
color: #0083FF;
|
||||
}
|
||||
|
||||
.red {
|
||||
color: #ed2124;
|
||||
}
|
||||
|
||||
.grey {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.bg-blue {
|
||||
background: #0083FF;
|
||||
}
|
||||
|
||||
.font-300 {
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.font-500 {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.font-600 {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.underline {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.fit-img {
|
||||
width: auto;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
margin: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
@-webkit-keyframes tada {
|
||||
0% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
10%, 20% {
|
||||
-webkit-transform: scale(0.9) rotate(-8deg);
|
||||
transform: scale(0.9) rotate(-8deg);
|
||||
}
|
||||
30%, 50%, 70% {
|
||||
-webkit-transform: scale(1.3) rotate(8deg);
|
||||
transform: scale(1.3) rotate(8deg);
|
||||
}
|
||||
40%, 60% {
|
||||
-webkit-transform: scale(1.3) rotate(-8deg);
|
||||
transform: scale(1.3) rotate(-8deg);
|
||||
}
|
||||
100%, 80% {
|
||||
-webkit-transform: scale(1) rotate(0);
|
||||
transform: scale(1) rotate(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes tada {
|
||||
0% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
10%, 20% {
|
||||
-webkit-transform: scale(0.9) rotate(-8deg);
|
||||
transform: scale(0.9) rotate(-8deg);
|
||||
}
|
||||
30%, 50%, 70% {
|
||||
-webkit-transform: scale(1.3) rotate(8deg);
|
||||
transform: scale(1.3) rotate(8deg);
|
||||
}
|
||||
40%, 60% {
|
||||
-webkit-transform: scale(1.3) rotate(-8deg);
|
||||
transform: scale(1.3) rotate(-8deg);
|
||||
}
|
||||
100%, 80% {
|
||||
-webkit-transform: scale(1) rotate(0);
|
||||
transform: scale(1) rotate(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes phonering {
|
||||
0% {
|
||||
-webkit-transform: rotate(0) scale(1) skew(1deg);
|
||||
}
|
||||
10% {
|
||||
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
|
||||
}
|
||||
20% {
|
||||
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
|
||||
}
|
||||
30% {
|
||||
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
|
||||
}
|
||||
40% {
|
||||
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotate(0) scale(1) skew(1deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(0) scale(1) skew(1deg);
|
||||
}
|
||||
}
|
||||
|
||||
.label-container {
|
||||
display: block;
|
||||
position: relative;
|
||||
padding-left: 30px;
|
||||
margin-bottom: 14px;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.label-container input {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.label-container .checkmark {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
left: 0;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
border: 1px solid #bbb;
|
||||
background-color: #fff;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.label-container:hover input ~ .checkmark {
|
||||
border-color: #14903f;
|
||||
}
|
||||
|
||||
.label-container input:checked ~ .checkmark {
|
||||
background-color: #d58430;
|
||||
border-color: #d58430;
|
||||
}
|
||||
|
||||
.checkmark:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.label-container input:checked ~ .checkmark:after {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.label-container .checkmark:after {
|
||||
left: 4px;
|
||||
top: 1px;
|
||||
width: 6px;
|
||||
height: 9px;
|
||||
border: solid white;
|
||||
border-width: 0 3px 3px 0;
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
.radio-container {
|
||||
position: relative;
|
||||
padding-left: 25px;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
margin: 0 40px 0 0;
|
||||
}
|
||||
|
||||
.radio-container input {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.radio-container .checkmark {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
left: 0px;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
background-color: #fff;
|
||||
border-radius: 50%;
|
||||
border: 2px solid #999;
|
||||
}
|
||||
|
||||
.radio-container input:checked ~ .checkmark {
|
||||
background-color: #fff;
|
||||
border: 2px solid #008445;
|
||||
}
|
||||
|
||||
.checkmark:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.radio-container input:checked ~ .checkmark:after {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.radio-container .checkmark:after {
|
||||
top: 3px;
|
||||
left: 3px;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border-radius: 50%;
|
||||
background: #008445;
|
||||
}
|
||||
|
||||
.bg-popup {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
cursor: -webkit-grab;
|
||||
cursor: grab;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.autocomplete-suggestions {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
border: solid 1px #ddd;
|
||||
right: 0;
|
||||
margin-top: 2px;
|
||||
max-height: 300px;
|
||||
overflow: auto;
|
||||
display: none;
|
||||
background: #fff;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.autocomplete-suggestions a {
|
||||
display: block;
|
||||
padding: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.autocomplete-suggestions a img {
|
||||
width: 60px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.autocomplete-suggestions a .info {
|
||||
display: block;
|
||||
margin-left: 65px;
|
||||
}
|
||||
|
||||
.autocomplete-suggestions a .info .name {
|
||||
display: block;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.autocomplete-suggestions a .info .price {
|
||||
color: #ec1c24;
|
||||
}
|
||||
|
||||
.autocomplete-suggestions a:hover {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.autocomplete-suggestions::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
|
||||
background-color: #f1f1f1;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.autocomplete-suggestions::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
|
||||
.autocomplete-suggestions::-webkit-scrollbar-thumb {
|
||||
border-radius: 10px;
|
||||
background-color: #ccc;
|
||||
}
|
||||
|
||||
.icon-star {
|
||||
background-image: url(../images/star_sprite.png);
|
||||
width: 96px;
|
||||
height: 19px;
|
||||
vertical-align: text-bottom;
|
||||
display: inline-block;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.icon-star.star-0 {
|
||||
background-position: 0 -109px;
|
||||
}
|
||||
|
||||
.icon-star.star-1 {
|
||||
background-position: 0 -88px;
|
||||
}
|
||||
|
||||
.icon-star.star-2 {
|
||||
background-position: 0 -66px;
|
||||
}
|
||||
|
||||
.icon-star.star-3 {
|
||||
background-position: 0 -42px;
|
||||
}
|
||||
|
||||
.icon-star.star-4 {
|
||||
background-position: 0 -21px;
|
||||
}
|
||||
|
||||
.icon-star.star-5 {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.hover-img a {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.hover-img a::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -15%;
|
||||
bottom: 0;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
-webkit-transition: none;
|
||||
transition: none;
|
||||
-webkit-transform: skewX(-25deg);
|
||||
transform: skewX(-25deg);
|
||||
}
|
||||
|
||||
.hover-img a:hover::before {
|
||||
width: 120%;
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
-webkit-transition: all .45s ease-out;
|
||||
transition: all .45s ease-out;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding: 0 10px;
|
||||
max-width: 1230px;
|
||||
min-width: 1230px;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin: 0 -10px;
|
||||
}
|
||||
|
||||
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
#breadcrumb {
|
||||
margin: 0 0 12px 0;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
#breadcrumb li {
|
||||
float: left;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#breadcrumb li::after {
|
||||
content: '/';
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
#breadcrumb li:last-child a {
|
||||
color: #848484;
|
||||
}
|
||||
|
||||
#breadcrumb li:last-child::after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
#breadcrumb li a {
|
||||
color: #0083FF;
|
||||
font-weight: 500;
|
||||
font-size: 15px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
#breadcrumb h1 {
|
||||
font-size: inherit;
|
||||
font-weight: inherit;
|
||||
margin: 0;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
.paging {
|
||||
text-align: center;
|
||||
margin: 16px 0 26px 0;
|
||||
}
|
||||
|
||||
.paging a {
|
||||
display: inline-block;
|
||||
margin-right: 3px;
|
||||
width: 35px;
|
||||
height: 31px;
|
||||
line-height: 31px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #edeef2;
|
||||
color: #888;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.paging a:hover, .paging a.current {
|
||||
color: #fff;
|
||||
background: #0083FF;
|
||||
border-color: #0083FF;
|
||||
}
|
||||
/*# sourceMappingURL=main.css.map */
|
||||
9
scss/main.css.map
Normal file
9
scss/main.css.map
Normal file
File diff suppressed because one or more lines are too long
295
scss/main.scss
Normal file
295
scss/main.scss
Normal file
@@ -0,0 +1,295 @@
|
||||
@import url("https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css");
|
||||
// @import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
|
||||
|
||||
body{
|
||||
color:#222;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
background:#f1f1f1 ;
|
||||
position:relative;
|
||||
min-width: 1200px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.bg-grey{
|
||||
background: #E5E5E5;
|
||||
}
|
||||
a{
|
||||
color: #222;
|
||||
text-decoration: none;
|
||||
transition: all .3s ease;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
transition: all .3s ease;
|
||||
|
||||
}
|
||||
.ul, .ol {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
b{
|
||||
font-weight: bold;
|
||||
}
|
||||
.clearfix::after {
|
||||
content: '';
|
||||
clear: both;
|
||||
display: block;
|
||||
}
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
button, input, select {
|
||||
outline: none !important;
|
||||
}
|
||||
table{
|
||||
width: 100% !important;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
@media screen and (-webkit-min-device-pixel-ratio: 0){
|
||||
select, textarea, input {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
@media(min-width: 1200px){
|
||||
select, textarea, input {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
iframe {
|
||||
max-width: 100%;
|
||||
}
|
||||
.text-10{
|
||||
font-size: 10px;
|
||||
}
|
||||
.text-11{
|
||||
font-size: 11px;
|
||||
}
|
||||
.text-12{
|
||||
font-size: 12px;
|
||||
}
|
||||
.text-13{
|
||||
font-size: 13px;
|
||||
}
|
||||
.text-14{
|
||||
font-size: 14px;
|
||||
}
|
||||
.text-15{
|
||||
font-size: 15px;
|
||||
}
|
||||
.text-16{
|
||||
font-size: 16px;
|
||||
}
|
||||
.text-17{
|
||||
font-size: 17px;
|
||||
}
|
||||
.text-18{
|
||||
font-size: 18px;
|
||||
}
|
||||
.text-20{
|
||||
font-size: 20px;
|
||||
}
|
||||
.text-22{
|
||||
font-size: 22px;
|
||||
}
|
||||
.text-24{
|
||||
font-size: 24px;
|
||||
}
|
||||
.blue{
|
||||
color: #0083FF;
|
||||
}
|
||||
.red{
|
||||
color: #ed2124;
|
||||
}
|
||||
.grey{
|
||||
color: #999;
|
||||
}
|
||||
.bg-blue{
|
||||
background: #0083FF;
|
||||
}
|
||||
.font-300{
|
||||
font-weight: 300;
|
||||
}
|
||||
.font-500{
|
||||
font-weight: 500;
|
||||
}
|
||||
.font-600{
|
||||
font-weight: 600;
|
||||
}
|
||||
.underline{
|
||||
text-decoration: underline;
|
||||
}
|
||||
.fit-img{
|
||||
width: auto;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
margin: auto;
|
||||
display: block;
|
||||
}
|
||||
@keyframes tada{
|
||||
0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1) }
|
||||
10%,20%{-webkit-transform:scale(.9) rotate(-8deg);-ms-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg) }
|
||||
30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);-ms-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg) }
|
||||
40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);-ms-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg) }
|
||||
100%,80%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0) }
|
||||
}
|
||||
@-webkit-keyframes phonering {
|
||||
0% {
|
||||
-webkit-transform: rotate(0) scale(1) skew(1deg);
|
||||
}
|
||||
10% {
|
||||
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
|
||||
}
|
||||
20% {
|
||||
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
|
||||
}
|
||||
30% {
|
||||
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
|
||||
}
|
||||
40% {
|
||||
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotate(0) scale(1) skew(1deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(0) scale(1) skew(1deg);
|
||||
}
|
||||
}
|
||||
// checkbox
|
||||
.label-container{display:block;position:relative;padding-left:30px;margin-bottom:14px;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
||||
.label-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
|
||||
.label-container .checkmark{position:absolute;top:2px;left:0;height:15px;width:15px;border:1px solid #bbb;background-color:#fff;border-radius:3px;}
|
||||
.label-container:hover input ~ .checkmark{border-color:#14903f;}
|
||||
.label-container input:checked ~ .checkmark{background-color:#d58430;border-color:#d58430;}
|
||||
.checkmark:after{content:"";position:absolute;display:none;}
|
||||
.label-container input:checked ~ .checkmark:after{display:block;}
|
||||
.label-container .checkmark:after{left: 4px;top: 1px;width: 6px;height: 9px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
|
||||
// radio
|
||||
.radio-container{position:relative;padding-left:25px;cursor:pointer;user-select:none;margin:0 40px 0 0;}
|
||||
.radio-container input{position:absolute;opacity:0;cursor:pointer;}
|
||||
.radio-container .checkmark{position:absolute;top:2px;left:0px;height:16px;width:16px;background-color:#fff;border-radius:50%;border:2px solid #999;}
|
||||
.radio-container input:checked ~ .checkmark{background-color:#fff;border:2px solid #008445;}
|
||||
.checkmark:after{content:"";position:absolute;display:none;}
|
||||
.radio-container input:checked ~ .checkmark:after{display:block;}
|
||||
.radio-container .checkmark:after{top:3px;left:3px;width:6px;height:6px;border-radius:50%;background:#008445;}
|
||||
.bg-popup{display: none;position: fixed;top:0;left: 0;right: 0;bottom: 0;cursor: grab;background: rgba(0, 0, 0, 0.5);z-index: 99}
|
||||
|
||||
.autocomplete-suggestions{position:absolute;width: 100%;;border:solid 1px #ddd;right:0;margin-top:2px;max-height:300px;overflow:auto;display:none;background:#fff;z-index:999;}
|
||||
.autocomplete-suggestions a{display:block;padding:10px;overflow:hidden;}
|
||||
.autocomplete-suggestions a img{width:60px;float:left;}
|
||||
.autocomplete-suggestions a .info{display:block;margin-left:65px;}
|
||||
.autocomplete-suggestions a .info .name{display:block;color:#333;}
|
||||
.autocomplete-suggestions a .info .price{color:#ec1c24;}
|
||||
.autocomplete-suggestions a:hover{background-color:#f5f5f5;}
|
||||
.autocomplete-suggestions::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color: #f1f1f1;border-radius: 10px;}
|
||||
.autocomplete-suggestions::-webkit-scrollbar{width: 6px;background-color: #f1f1f1;}
|
||||
.autocomplete-suggestions::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #ccc;}
|
||||
|
||||
.icon-star{background-image:url(../images/star_sprite.png);width: 96px;height: 19px;vertical-align:text-bottom;display:inline-block;background-repeat:no-repeat;}
|
||||
.icon-star.star-0{background-position:0 -109px;}
|
||||
.icon-star.star-1{background-position:0 -88px;}
|
||||
.icon-star.star-2{background-position:0 -66px;}
|
||||
.icon-star.star-3{background-position:0 -42px;}
|
||||
.icon-star.star-4{background-position:0 -21px;}
|
||||
.icon-star.star-5{background-position:0 0}
|
||||
.hover-img {
|
||||
a{
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
display: block;
|
||||
&::before{
|
||||
content:"";
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:-15%;
|
||||
bottom:0;
|
||||
width:0;
|
||||
height:100%;
|
||||
background-color:rgba(255, 255, 255, 0.5);
|
||||
transition:none;
|
||||
transform:skewX(-25deg);
|
||||
}
|
||||
&:hover::before{
|
||||
width:120%;
|
||||
background-color:rgba(255, 255, 255, 0);
|
||||
transition:all .45s ease-out;
|
||||
z-index:2;
|
||||
}
|
||||
}
|
||||
}
|
||||
.container {
|
||||
padding: 0 10px;
|
||||
max-width: 1230px;
|
||||
min-width: 1230px;
|
||||
}
|
||||
.row {
|
||||
margin: 0 -10px;
|
||||
}
|
||||
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
|
||||
padding: 0 10px;
|
||||
}
|
||||
#breadcrumb{
|
||||
margin: 0 0 12px 0;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
li{
|
||||
float: left;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
&::after{
|
||||
content:'/';
|
||||
padding: 0 8px;
|
||||
}
|
||||
&:last-child{
|
||||
a{
|
||||
color: #848484;
|
||||
}
|
||||
&::after{
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
a{
|
||||
color: #0083FF;
|
||||
font-weight: 500;
|
||||
font-size: 15px;
|
||||
line-height: 18px;
|
||||
}
|
||||
}
|
||||
h1{
|
||||
font-size: inherit;
|
||||
font-weight: inherit;
|
||||
margin: 0;
|
||||
line-height: inherit;
|
||||
}
|
||||
}
|
||||
.paging {
|
||||
text-align: center;
|
||||
margin: 16px 0 26px 0;
|
||||
a{
|
||||
display: inline-block;
|
||||
margin-right: 3px;
|
||||
width: 35px;
|
||||
height: 31px;
|
||||
line-height: 31px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #edeef2;
|
||||
color: #888;
|
||||
background: #fff;
|
||||
&:hover, &.current{
|
||||
color: #fff;
|
||||
background: #0083FF;
|
||||
border-color: #0083FF;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
3262
scss/mobile_css.css
Normal file
3262
scss/mobile_css.css
Normal file
File diff suppressed because it is too large
Load Diff
9
scss/mobile_css.css.map
Normal file
9
scss/mobile_css.css.map
Normal file
File diff suppressed because one or more lines are too long
2469
scss/mobile_css.scss
Normal file
2469
scss/mobile_css.scss
Normal file
File diff suppressed because it is too large
Load Diff
1884
scss/pc_xanh.css
Normal file
1884
scss/pc_xanh.css
Normal file
File diff suppressed because it is too large
Load Diff
9
scss/pc_xanh.css.map
Normal file
9
scss/pc_xanh.css.map
Normal file
File diff suppressed because one or more lines are too long
1377
scss/pc_xanh.scss
Normal file
1377
scss/pc_xanh.scss
Normal file
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user