Project-Pro/newwalls.pl
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Save

Browse Source
This commit is contained in:
Roman Pyrih
2026-02-20 15:59:49 +01:00
parent f62521a504
commit e901917065
3 changed files with 329 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
themes/ayon/assets/css/custom.css
View File

File diff suppressed because one or more lines are too long

2
themes/ayon/assets/css/custom.css.map
View File

File diff suppressed because one or more lines are too long

342
themes/ayon/assets/css/custom.scss
View File

@@ -2,6 +2,14 @@
* Custom code goes here. * Custom code goes here.
* A template should always ship with an empty custom.css * A template should always ship with an empty custom.css
*/ */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&display=swap');
$fInter: 'Inter', sans-serif;
$fNotoSerifDisplay: 'Noto Serif Display', serif;
$cDark: #3c3c3c;
$cGold: #806d4b;
.product-variants:nth-of-type(2):hover { .product-variants:nth-of-type(2):hover {
background-color: transparent; background-color: transparent;
scale: 100%; scale: 100%;
@@ -377,22 +385,22 @@ body#index #roycontent_top ul li {
margin-bottom: 5px; margin-bottom: 5px;
} }
#roycontent_footer .html_inside:after { // #roycontent_footer .html_inside:after {
content: ''; // content: '';
width: 25%; // width: 25%;
float: left; // float: left;
height: 100px; // height: 100px;
background-image: url('/modules/roy_customizer/upload/logo-normal-1.png'); // background-image: url('/modules/roy_customizer/upload/logo-normal-1.png');
background-size: contain; // background-size: contain;
background-position: center; // background-position: center;
background-repeat: no-repeat; // background-repeat: no-repeat;
} // }
@media (max-width: 991px) { // @media (max-width: 991px) {
#roycontent_footer .html_inside:after { // #roycontent_footer .html_inside:after {
display: none; // display: none;
} // }
} // }
.product-block-prices { .product-block-prices {
display: inline-block; display: inline-block;
@@ -2395,3 +2403,307 @@ body#index {
} }
} }
} }
/**
* New styles
*/
._btn-1 {
position: relative;
display: inline-block;
&:hover {
&::before {
width: 100%;
}
span {
color: #fff;
}
}
&::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 1px;
background-color: $cGold;
transition: all 250ms ease-in-out;
}
span {
position: relative;
color: $cGold;
font-family: $fInter;
font-weight: 300;
font-size: 15px;
line-height: 1;
display: inline-flex;
align-items: center;
text-align: center;
padding: 16px;
transition: all 250ms ease-in-out;
}
}
._footer-social {
._footer-social--wrapper {
text-align: center;
margin-bottom: 70px;
h2 {
color: $cDark;
font-family: $fInter;
font-style: normal;
font-weight: 500;
font-size: 37px;
line-height: 1;
margin-bottom: 14px;
}
h3 {
color: $cGold;
font-family: $fNotoSerifDisplay;
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 1;
}
ol {
display: flex;
justify-content: center;
flex-direction: row;
column-gap: 24px;
margin-top: 40px;
li {
padding: 0;
margin: 0;
line-height: 1;
a {
color: $cDark;
font-family: $fInter;
font-style: normal;
font-weight: 700;
font-size: 19px;
line-height: 1;
display: inline-flex;
align-items: center;
flex-direction: row;
column-gap: 13px;
padding: 21px 43px;
border: 2px solid #000000;
border-radius: 12px;
i {
font-size: 30px;
line-height: 0.8;
}
}
}
}
}
}
._join-us {
._join-us--wrapper {
position: relative;
padding: 80px 0;
&::before {
content: '';
position: absolute;
top: 0;
left: 50%;
bottom: 0;
width: 100svw;
background: #f0f0f0;
transform: translateX(-50%);
}
h3 {
position: relative;
color: $cGold;
font-family: $fNotoSerifDisplay;
font-weight: 400;
font-size: 40px;
line-height: 1;
text-align: center;
margin-bottom: 50px;
}
p {
position: relative;
color: $cDark;
font-family: $fInter;
font-weight: 400;
font-size: 14px;
line-height: 1.78;
text-align: center;
&:last-child {
margin-bottom: 0;
}
}
a {
display: block;
margin: 0 auto;
width: 100%;
max-width: fit-content;
}
._join-us--text {
margin-bottom: 50px;
}
}
}
section#main {
overflow: hidden;
}
#roycontent_home {
ul {
li {
overflow: initial;
.li-cont {
overflow: initial;
}
}
}
}
footer#footer {
.footer-container {
padding-top: 100px;
padding-bottom: 40px;
background: #000000;
}
#roycontent_footer {
._footer_box {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: 40px;
row-gap: 40px;
._footer_col_1 {
width: calc(25% - 20px);
text-align: left;
img {
width: 100%;
max-width: 219px;
}
}
._footer_col_2 {
width: calc(75% - 20px);
text-align: left;
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: 40px;
row-gap: 50px;
._footer-col-33 {
width: calc(100% / 3 - (40px - (40px / 3)));
h4 {
color: #ffffff;
font-family: $fInter;
font-weight: 700;
font-size: 16px;
line-height: 1;
text-transform: uppercase;
margin-bottom: 12px;
}
p {
color: #8c8c8c;
font-family: $fInter;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 2;
> a {
color: inherit;
font-family: inherit;
font-style: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
}
}
ul,
ol {
position: relative;
display: flex;
flex-direction: column;
row-gap: 12px;
padding: 0;
margin: 0;
list-style: none;
li {
padding: 0;
margin: 0;
a {
color: #8c8c8c;
font-family: $fInter;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 1;
}
}
}
ol {
li {
a {
font-size: 25px;
}
}
}
}
}
}
._footer_box_bottom {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 50px;
padding-top: 30px;
border-top: 1px solid #ffffff;
._footer_col_1 {
}
._footer_col_2 {
}
ul {
li {
padding: 0;
margin: 0;
a,
p {
color: #ffffff;
font-family: $fInter;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 25px;
margin-bottom: 0;
}
}
}
}
}
}