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

Save

Browse Source
This commit is contained in:
Roman Pyrih
2025-12-04 14:51:57 +01:00
parent 659167f32a
commit 0f0226695c
6 changed files with 211 additions and 168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

361
layout/style-scss/black_weeks_2025.scss
View File

@@ -1,189 +1,228 @@
.black_weeks_2025 {
._hero {
img {
width: 100%;
}
}
._hero {
img {
width: 100%;
}
}
._box_01 {
padding-top: 80px;
font-family: 'URW Form';
._box_01 {
padding-top: 80px;
font-family: 'URW Form';
h1 {
font-weight: 700;
font-style: Bold;
font-size: 40px;
line-height: 130%;
letter-spacing: 10%;
text-align: center;
text-transform: uppercase;
}
h1 {
font-weight: 700;
font-style: Bold;
font-size: 40px;
line-height: 130%;
letter-spacing: 10%;
text-align: center;
text-transform: uppercase;
}
h2 {
font-weight: 400;
font-style: Regular;
font-size: 35px;
line-height: 130%;
letter-spacing: 10%;
text-align: center;
text-transform: uppercase;
h2 {
font-weight: 400;
font-style: Regular;
font-size: 35px;
line-height: 130%;
letter-spacing: 10%;
text-align: center;
text-transform: uppercase;
}
}
p {
font-weight: 300;
font-style: Light;
font-size: 20px;
line-height: 153%;
letter-spacing: 0%;
text-align: center;
}
}
p {
font-weight: 300;
font-style: Light;
font-size: 20px;
line-height: 153%;
letter-spacing: 0%;
text-align: center;
}
}
._box_02 {
padding-top: 20px;
._box_02 {
padding-top: 20px;
img {
width: 100%;
}
}
img {
width: 100%;
}
}
._box_03 {
padding-top: 30px;
._box_03 {
padding-top: 30px;
p {
font-weight: 300;
font-style: Light;
font-size: 20px;
line-height: 30px;
letter-spacing: 0%;
text-align: center;
padding-right: 20%;
p {
font-weight: 300;
font-style: Light;
font-size: 20px;
line-height: 30px;
letter-spacing: 0%;
text-align: center;
padding-right: 20%;
&._big {
font-weight: 700;
font-style: Bold;
font-size: 32px;
line-height: 30px;
letter-spacing: 0%;
text-align: center;
padding-right: 20%;
}
}
&._big {
font-weight: 700;
font-style: Bold;
font-size: 32px;
line-height: 30px;
letter-spacing: 0%;
text-align: center;
padding-right: 20%;
}
}
img {
width: 100%;
max-width: 1149px;
margin-top: -50px;
}
img {
width: 100%;
max-width: 1149px;
margin-top: -50px;
}
._regulamin {
display: inline-block;
width: 276px;
height: 48px;
float: right;
margin-top: -20px;
margin-right: 20%;
z-index: 2;
position: relative;
._regulamin {
display: inline-block;
width: 276px;
height: 48px;
float: right;
margin-top: -20px;
margin-right: 20%;
z-index: 2;
position: relative;
img {
max-width: 276px;
margin: 0;
}
}
}
img {
max-width: 276px;
margin: 0;
}
}
}
._box_05 {
height: 1px;
background: #000000;
margin-top: 50px;
margin-bottom: 50px;
}
._box_05 {
height: 1px;
background: #000000;
margin-top: 50px;
margin-bottom: 50px;
}
._box_06 {
h2 {
font-weight: 400;
font-size: 35px;
line-height: 130%;
letter-spacing: 10%;
text-align: center;
text-transform: uppercase;
._box_06 {
h2 {
font-weight: 400;
font-size: 35px;
line-height: 130%;
letter-spacing: 10%;
text-align: center;
text-transform: uppercase;
strong {
font-weight: 700;
font-style: Bold;
}
}
strong {
font-weight: 700;
font-style: Bold;
}
}
p {
font-weight: 300;
font-style: Light;
font-size: 20px;
line-height: 153%;
letter-spacing: 0%;
text-align: center;
}
}
p {
font-weight: 300;
font-style: Light;
font-size: 20px;
line-height: 153%;
letter-spacing: 0%;
text-align: center;
}
}
._box_07 {
._left_column {
margin-top: -110px;
padding-left: 3%;
._box_07 {
._left_column {
margin-top: -110px;
padding-left: 4%;
p {
font-weight: 400;
font-size: 20px;
line-height: 35px;
letter-spacing: 0px;
}
p {
font-weight: 400;
font-size: 20px;
line-height: 35px;
letter-spacing: 0px;
h3 {
font-weight: 700;
font-style: Bold;
font-size: 40px;
line-height: 40px;
letter-spacing: 0px;
}
}
}
img._image_03 {
width: 100%;
max-width: 820px;
position: relative;
z-index: 2;
}
h3 {
font-weight: 700;
font-style: Bold;
font-size: 40px;
line-height: 40px;
letter-spacing: 0px;
}
}
img._image_04 {
width: 100%;
margin-top: -160px;
}
img._image_03 {
width: 100%;
max-width: 843px;
position: relative;
z-index: 2;
}
._regulamin {
margin-right: 37%;
margin-top: 30px;
position: relative;
z-index: 2;
float: right;
}
img._image_04 {
width: 100%;
margin-top: -180px;
}
.technical-details {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 40px;
._regulamin {
margin-right: 34%;
margin-top: -50px;
position: relative;
z-index: 2;
float: right;
}
}
.c-desk-text {
img {
width: 100%;
max-width: fit-content;
}
}
._box_08 {
padding-bottom: 100px;
padding-left: 3%;
a {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 10px;
padding: 13px 10px 10px 10px;
background: #c4d1e2;
border-radius: 6px;
ol {
margin-top: 20px;
list-style-type: square;
color: #1d1d1e;
font-size: 13px;
font-family: 'URW Form', sans-serif;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 1;
li {
font-weight: 300;
font-style: Light;
font-size: 25px;
line-height: 40px;
letter-spacing: 0%;
}
}
}
}
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12);
img {
padding-bottom: 6px;
width: 16px;
}
}
}
}
._box_08 {
padding-bottom: 100px;
padding-left: 3%;
ol {
margin-top: 20px;
list-style-type: square;
li {
font-weight: 300;
font-style: Light;
font-size: 25px;
line-height: 40px;
letter-spacing: 0%;
}
}
}
}