tieptk/bestpc
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

upload 13/5

Browse Source
This commit is contained in:
Tieptk
2025-05-13 15:45:14 +07:00
parent bf8e679b75
commit b316563f0d
6 changed files with 838 additions and 657 deletions
Download Patch File Download Diff File Expand all files Collapse all files

130
assets/css/style.scss
View File

@@ -46,7 +46,7 @@ html {
.icon_2025 {
background: url(../images/icon_2025.png) no-repeat;
background-size: 228px 236px;
background-size: 228px 260px;
display: block;
&.map {
width: 20px;
@@ -71,7 +71,7 @@ html {
&.bar {
width: 18px;
height: 18px;
background-position: 1px -40px;
background-position: 1px -38px;
}
&.buildpc {
width: 36px;
@@ -86,7 +86,12 @@ html {
&.shop-3 {
width: 22px;
height: 24px;
background-position: -180px -163px;
background-position: -180px -186px;
}
&.shop-hover {
width: 22px;
height: 24px;
background-position: -46px -65px;
}
&.map-2 {
width: 15px;
@@ -108,77 +113,87 @@ html {
height: 24px;
background-position: -133px -35px;
}
&.prduct-save-hover {
width: 24px;
height: 24px;
background-position: -140px -65px;
}
&.article {
width: 30px;
height: 24px;
background-position: -162px -35px;
}
&.article-hover {
width: 30px;
height: 24px;
background-position: -170px -63px;
}
&.heart {
width: 24px;
height: 24px;
background-position: -98px -123px;
background-position: -98px -147px;
}
&.heart-2 {
width: 24px;
height: 24px;
background-position: -126px -151px;
background-position: -126px -173px;
}
&.shop-blue {
width: 24px;
height: 24px;
background-position: -100px -147px;
background-position: -96px -172px;
}
&.link {
width: 14px;
height: 10px;
background-position: -212px -108px;
height: 12px;
background-position: -212px -130px;
}
&.time {
width: 15px;
height: 14.5px;
background-position: -188px -147.5px;
background-position: -188px -172px;
}
&.time-gray {
width: 16px;
height: 16px;
background-position: -34px -73px;
background-position: -34px -96px;
}
&.mouse {
width: 20px;
height: 20px;
background-position: -160px -145px;
background-position: -160px -170px;
}
&.facebook {
width: 41px;
height: 40px;
background-position: 0 -135px;
background-position: 0 -159px;
}
&.zalo {
width: 41px;
height: 40px;
background-position: -50px -135px;
background-position: -50px -159px;
}
&.home {
width: 20px;
height: 20px;
background-position: -207px -129px;
background-position: -207px -152px;
}
&.angle-right {
width: 11px;
height: 17px;
background-position: -212px -152px;
background-position: -212px -176px;
}
&.view {
width: 22px;
height: 16px;
background-position: -205px -8px;
background-position: -205px -9px;
}
&.time-big {
width: 22px;
height: 22px;
background-position: -2px -70px;
background-position: -2px -93px;
}
&.share {
width: 21px;
@@ -188,38 +203,38 @@ html {
&.map-4 {
width: 18px;
height: 25px;
background-position: -152px -69px;
background-position: -152px -92px;
}
&.link-review {
width: 18px;
height: 18px;
background-position: -27px -104px;
background-position: -27px -128px;
}
&.angle-bottom {
width: 15px;
height: 12px;
background-position: -190px -133px;
background-position: -188px -156px;
}
&.angle-top {
width: 15px;
height: 12px;
background-position: -190px -133px;
background-position: -190px -156px;
transform: rotate(180deg);
}
&.upload_image {
width: 24px;
height: 24px;
background-position: -88px -70px;
background-position: -86px -91px;
}
&.remove {
width: 24px;
height: 26px;
background-position: -126px -124px;
background-position: -126px -147px;
}
&.showroom {
width: 24px;
height: 24px;
background-position: -119px -69px;
background-position: -119px -92px;
}
&.phone {
width: 18px;
@@ -229,103 +244,103 @@ html {
&.earth {
width: 22px;
height: 24px;
background-position: 0 -102px;
background-position: 0 -125px;
}
&.copy {
width: 20px;
height: 20px;
background-position: -208px -71px;
background-position: -208px -94px;
}
&.history {
width: 24px;
height: 24px;
background-position: -45px -102px;
background-position: -45px -126px;
}
&.download {
width: 22px;
height: 22px;
background-position: -74px -102px;
background-position: -74px -126px;
}
&.return {
width: 18px;
height: 18px;
background-position: -155px -105px;
background-position: -155px -129px;
}
&.close {
width: 16px;
height: 16px;
background-position: -160px -126px;
background-position: -160px -149px;
}
&.print {
width: 18px;
height: 19px;
background-position: -187px -4px;
background-position: -187px -2px;
}
&.filter {
width: 20px;
height: 20px;
background-position: 0px -187px;
background-position: 0px -209px;
}
&.comment {
width: 20px;
height: 20px;
background-position: -84px -25px;
background-size: 190px 175px;
background-size: 190px 200px;
}
&.faq {
width: 20px;
height: 20px;
background-position: -129px -105px;
background-position: -129px -127px;
}
&.tag {
width: 20px;
height: 20px;
background-position: -102px -105px;
background-position: -102px -127px;
}
&.images {
width: 22px;
height: 22px;
background-position: -164px -186px;
background-position: -164px -209px;
}
&.like {
width: 22px;
height: 22px;
background-position: -209px -213px;
background-position: -209px -234px;
}
&.sort_list {
width: 34px;
height: 22px;
background-position: -50px -185px;
background-position: -50px -209px;
}
&.sort_gird {
width: 22px;
height: 22px;
background-position: -96px -186px;
height: 23px;
background-position: -96px -209px;
}
&.spec {
width: 22px;
height: 22px;
background-position: -130px -186px;
background-position: -130px -209px;
}
&.list_faq {
width: 21px;
height: 24px;
background-position: -1px -211px;
background-position: -1px -236px;
}
&.list_raovat {
width: 21px;
height: 25px;
background-position: -52px -211px;
background-position: -52px -236px;
}
&.list_inbox {
width: 22px;
height: 25px;
background-position: -105px -211px;
background-position: -105px -236px;
}
&.info_save {
width: 22px;
height: 25px;
background-position: -164px -211px;
background-position: -164px -236px;
}
}
@@ -489,6 +504,30 @@ html {
margin-top: 0;
border-top: 0;
}
.header-bottom-right {
a:hover {
.buildpc {
width: 36px;
height: 24px;
background-position: -4px -65px;
}
.shop {
background-position: -46px -65px;
}
.map-2 {
background-position: -77px -65px;
}
.question {
background-position: -104px -64px;
}
.prduct-save {
background-position: -140px -64px;
}
.article {
background-position: -172px -63px;
}
}
}
}
.effect-image {
@@ -634,7 +673,6 @@ html {
font-weight: 700;
font-size: 18px;
color: #d80a00;
margin-bottom: 5px;
}
.old-price {
color: #b0b0b0;