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

126
assets/css/style.css
View File

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