styling
This commit is contained in:
parent
681af9b5f7
commit
e2e359b9f9
|
|
@ -132,7 +132,7 @@
|
|||
display: grid;
|
||||
align-items: center;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 3rem;
|
||||
gap: 1.6rem;
|
||||
}
|
||||
|
||||
.lower-section tbody tr:nth-child(2n - 1) {
|
||||
|
|
@ -145,6 +145,7 @@
|
|||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
font-size: 1.4rem;
|
||||
padding: 1.6rem 0.8rem;
|
||||
}
|
||||
|
||||
.lower-section tbody tr td:first-child {
|
||||
|
|
@ -153,7 +154,7 @@
|
|||
font-size: 1.4rem;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
padding: 1.6rem;
|
||||
/* padding: 1.6rem; */
|
||||
}
|
||||
|
||||
.move-down-button,
|
||||
|
|
@ -214,14 +215,10 @@
|
|||
}
|
||||
|
||||
.upper-section-middle-header-top {
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
/*margin-bottom: 3rem;*/
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 0.8rem;
|
||||
}
|
||||
|
||||
.header-title {
|
||||
|
|
@ -235,7 +232,7 @@
|
|||
width: 10rem;
|
||||
}
|
||||
.header-char-section {
|
||||
margin-top: 2rem;
|
||||
/* margin-top: 2rem; */
|
||||
}
|
||||
.header-logo img {
|
||||
width: 100%;
|
||||
|
|
@ -455,11 +452,11 @@ input.quantity {
|
|||
border-radius: 0.5rem;
|
||||
padding: 1.3rem 0;
|
||||
font-size: 1.4rem;
|
||||
margin-bottom: 2rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.add-to-cart {
|
||||
margin-bottom: 1.6rem;
|
||||
background: #c5000e;
|
||||
color: #fff;
|
||||
}
|
||||
|
|
@ -512,7 +509,7 @@ input.quantity {
|
|||
display: -webkit-flex;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-top: 8rem;
|
||||
margin-top: 4.8rem;
|
||||
}
|
||||
.button-rating {
|
||||
margin-top: 4rem;
|
||||
|
|
@ -686,6 +683,10 @@ input.quantity {
|
|||
line-height: 2.5rem;
|
||||
}
|
||||
|
||||
.lower-section-content p {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
.lower-section-content-wrapper:not(:last-child) {
|
||||
margin-bottom: 2.4rem;
|
||||
}
|
||||
|
|
@ -759,7 +760,7 @@ input.quantity {
|
|||
transition: all 100ms ease-in-out;
|
||||
}
|
||||
.lower-section {
|
||||
padding-bottom: 10rem;
|
||||
padding-bottom: 4.8rem;
|
||||
}
|
||||
|
||||
.comment-text {
|
||||
|
|
@ -1068,6 +1069,13 @@ input.quantity {
|
|||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 680px) {
|
||||
.header-title,
|
||||
.item-gallery-price-new {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 650px) {
|
||||
.bar-slider.animated {
|
||||
left: 11.6rem;
|
||||
|
|
@ -1083,7 +1091,7 @@ input.quantity {
|
|||
}
|
||||
|
||||
.lower-section-content-container {
|
||||
height: 30rem;
|
||||
height: 40rem;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
|
@ -1104,7 +1112,7 @@ input.quantity {
|
|||
|
||||
.add-to-cart,
|
||||
.order-now {
|
||||
max-width: 18rem;
|
||||
/* max-width: 18rem; */
|
||||
padding: 1.6rem;
|
||||
}
|
||||
|
||||
|
|
@ -1228,11 +1236,14 @@ input.quantity {
|
|||
padding: 1rem 0;
|
||||
} */
|
||||
|
||||
.add-to-cart,
|
||||
.order-now {
|
||||
.add-to-car {
|
||||
padding: 1.3rem 0;
|
||||
}
|
||||
|
||||
.order-now {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.upper-section-right-top {
|
||||
padding-bottom: 4rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -72,8 +72,11 @@ body::-webkit-scrollbar {
|
|||
/* GENERAL STYLING end ======================================= */
|
||||
|
||||
/* LOGIN/SIGNUP ==============================================*/
|
||||
.item-gallery-inner:first-child {
|
||||
/* padding-bottom: 6rem; */
|
||||
padding-top: 4.8rem;
|
||||
}
|
||||
.item-gallery-inner {
|
||||
padding-bottom: 6rem;
|
||||
}
|
||||
|
||||
.sign-up-exit-img {
|
||||
|
|
@ -1406,6 +1409,7 @@ button.nav-link {
|
|||
-ms-flex-align: center;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
padding-top: 1.8rem;
|
||||
}
|
||||
|
||||
.slider2,
|
||||
|
|
@ -1426,7 +1430,7 @@ button.nav-link {
|
|||
padding: 3rem 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 3rem;
|
||||
gap: 4.8rem;
|
||||
}
|
||||
|
||||
.item-gallery a {
|
||||
|
|
@ -1665,6 +1669,7 @@ button.nav-link {
|
|||
|
||||
/* PRE-FOOTER =======================*/
|
||||
.pre-footer {
|
||||
margin-top: 4.8rem;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
|
||||
|
|
@ -1928,6 +1933,7 @@ button.nav-link {
|
|||
-ms-flex-align: center;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
padding: 2.4rem 0;
|
||||
}
|
||||
|
||||
.footer-bottom {
|
||||
|
|
@ -1935,7 +1941,8 @@ button.nav-link {
|
|||
padding: 2rem 0;
|
||||
}
|
||||
|
||||
.footer-bottom-text {
|
||||
.footer-bottom-text,
|
||||
.footer-bottom-text a {
|
||||
font-size: 1.6rem;
|
||||
color: #fff;
|
||||
}
|
||||
|
|
@ -2408,11 +2415,11 @@ button.nav-link {
|
|||
height: 2.4rem;
|
||||
}
|
||||
|
||||
.no-comments a:hover {
|
||||
.no-comments button:hover {
|
||||
background: #a7000b;
|
||||
transition: 0.3s all ease;
|
||||
}
|
||||
.no-comments a span {
|
||||
.no-comments button {
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
.no-comments p {
|
||||
|
|
@ -2422,7 +2429,7 @@ button.nav-link {
|
|||
margin-bottom: 4rem;
|
||||
}
|
||||
|
||||
.no-comments a {
|
||||
.no-comments button {
|
||||
font-size: 1.8rem;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
|
|
@ -2435,9 +2442,10 @@ button.nav-link {
|
|||
width: 100%;
|
||||
padding: 1.6rem 2rem;
|
||||
}
|
||||
.no-comments a.inactive {
|
||||
.no-comments button:disabled {
|
||||
/* pointer-events: none; */
|
||||
cursor: not-allowed;
|
||||
font-size: 1.6rem;
|
||||
color: #000;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
|
|
@ -2931,6 +2939,9 @@ button.nav-link {
|
|||
}
|
||||
|
||||
@media screen and (max-width: 680px) {
|
||||
.download-text-bright {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
.item-gallery {
|
||||
padding-top: 6rem;
|
||||
}
|
||||
|
|
@ -2966,7 +2977,7 @@ button.nav-link {
|
|||
}
|
||||
|
||||
.item-gallery-wrapper {
|
||||
gap: 2rem;
|
||||
gap: 1.6rem;
|
||||
}
|
||||
|
||||
.footer-title-wrapper {
|
||||
|
|
@ -2978,6 +2989,7 @@ button.nav-link {
|
|||
justify-content: space-between;
|
||||
z-index: 200;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.footer-title-arrow {
|
||||
|
|
@ -3021,12 +3033,9 @@ button.nav-link {
|
|||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.item-gallery-price-old {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
.item-gallery-price-old,
|
||||
.item-gallery-price-new {
|
||||
font-size: 1.8rem;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
.item-gallery-discount-text {
|
||||
|
|
@ -3167,9 +3176,9 @@ button.nav-link {
|
|||
font-size: 2.4rem;
|
||||
}
|
||||
|
||||
.item-gallery-block:nth-last-child(2n) {
|
||||
/* .item-gallery-block:nth-last-child(2n) {
|
||||
display: none;
|
||||
}
|
||||
} */
|
||||
|
||||
.pre-footer-email button {
|
||||
padding: 1.4rem 1rem;
|
||||
|
|
@ -3190,8 +3199,7 @@ button.nav-link {
|
|||
} */
|
||||
|
||||
.item-gallery-cart button {
|
||||
padding-left: 5rem;
|
||||
padding-right: 5rem;
|
||||
padding: 0 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue