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-24 14:32:16 +01:00
parent 6a1dc347db
commit 34c56d8409
3 changed files with 347 additions and 2 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

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

@@ -2786,6 +2786,8 @@ footer#footer {
img {
width: 100%;
max-width: fit-content;
position: absolute;
left: 50%;
}
}
}
@@ -2821,4 +2823,347 @@ footer#footer {
}
}
}
li.htmlcontent-item-id-42 {
position: relative;
padding: 75px 0;
margin: 0;
&::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 100svw;
transform: translateX(-50%);
background: #f0f0f0;
}
._c-row {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
column-gap: 50px;
._c-col {
&-1 {
img {
width: 100%;
max-width: fit-content;
}
}
}
}
h3 {
position: relative;
color: $cGold;
font-family: $fNotoSerifDisplay;
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 1;
margin: 0;
}
p {
position: relative;
color: $cDark;
font-family: $fInter;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1.7;
&:last-child {
margin-bottom: 0;
}
}
._box-text {
margin: 50px 0;
}
}
li.htmlcontent-item-id-43 {
position: relative;
padding: 25px 0 85px;
margin: 0;
._c-row {
&-1 {
margin-bottom: 50px;
._c-col {
&-1 {
h3 {
color: $cDark;
font-family: $fInter;
font-weight: 500;
font-size: 37px;
line-height: 1;
strong {
display: block;
padding-top: 20px;
padding-left: 55px;
color: $cGold;
font-family: $fNotoSerifDisplay;
font-weight: 400;
font-size: 40px;
line-height: inherit;
}
}
}
}
}
&-2 {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 120px;
._c-col {
&-1 {
}
&-2 {
}
._c-tile {
width: 100%;
max-width: 440px;
margin: 0 auto;
._c-tile--img {
margin-bottom: 40px;
img {
width: 100%;
max-width: fit-content;
}
}
._c-tile--text {
h4 {
color: $cGold;
font-family: $fNotoSerifDisplay;
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 1;
margin: 0 0 50px 0;
}
p {
color: $cDark;
font-family: $fInter;
font-weight: 400;
font-size: 14px;
line-height: 1.7;
letter-spacing: 0px;
&:last-child {
margin-bottom: 0;
}
}
a._btn-1 {
margin-top: 36px;
}
}
}
}
}
}
}
li.htmlcontent-item-id-44 {
position: relative;
padding: 25px 0;
margin: 0;
._c-row {
&-1 {
._c-col {
&-1 {
h3 {
color: $cDark;
font-family: $fInter;
font-weight: 500;
font-size: 37px;
line-height: 1;
text-align: center;
margin: 0 auto 50px;
max-width: 730px;
strong {
display: inline-block;
padding-top: 20px;
color: $cGold;
font-family: $fNotoSerifDisplay;
font-weight: 400;
font-size: 40px;
line-height: inherit;
}
}
p {
color: $cDark;
font-family: $fInter;
font-weight: 400;
font-size: 14px;
line-height: 1.7;
letter-spacing: 0px;
text-align: center;
&:last-child {
margin-bottom: 0;
}
}
img {
width: 100%;
max-width: fit-content;
}
._col-text {
margin-bottom: 70px;
max-width: 730px;
margin: 0 auto;
}
._col-img {
display: flex;
flex-direction: column;
row-gap: 30px;
width: 100%;
max-width: 970px;
margin: 70px auto 0;
a._btn-1 {
display: block;
max-width: fit-content;
margin-left: auto;
}
}
}
}
}
}
}
li.htmlcontent-item-id-45 {
position: relative;
padding: 100px 0 90px;
margin: 0;
._c-row {
&-1 {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 120px;
@media (max-width: 1240px) {
column-gap: 80px;
}
._c-col {
&-1 {
h3 {
position: relative;
color: $cGold;
font-family: $fNotoSerifDisplay;
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 1;
margin-bottom: 50px;
}
p {
color: $cDark;
font-family: $fInter;
font-weight: 400;
font-size: 14px;
line-height: 1.7;
letter-spacing: 0px;
&:last-child {
margin-bottom: 0;
}
}
._col-text {
margin-bottom: 50px;
}
}
&-2 {
._col-img {
img {
width: 100%;
height: 459px;
max-width: fit-content;
object-fit: cover;
object-position: center;
}
}
._col-img-thumbnail {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: -20px;
ol {
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
align-items: center;
gap: 24px;
li {
padding: 0;
margin: 0;
img {
width: 100px;
height: 100px;
border-radius: 100%;
object-fit: cover;
@media (max-width: 1240px) {
width: 80px;
height: 80px;
}
}
}
}
._col-img-thumbnail--text {
text-align: right;
margin-top: 20px;
p {
color: $cDark;
font-family: $fInter;
font-weight: 500;
font-size: 16px;
line-height: 19px;
margin: 0;
}
a {
color: #8c8c8c;
font-family: $fInter;
font-weight: 400;
font-size: 11px;
line-height: 19px;
}
}
}
}
}
}
}
}
}