FSST/Geizkragen
FSST/Geizkragen
2
0
Fork 0
Code Issues Projects 1 Releases 1 Wiki Activity

Enhance advertisement styling with improved layout, increased dimensions, and updated typography

Browse Source
This commit is contained in:
Fabian Schieder 2026-03-30 23:58:00 +02:00
parent 38930d7766
commit 328217271e
1 changed files with 9 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
ad_recommendation.php
View File

@ -17,19 +17,16 @@ if ($adProduct):
background: linear-gradient(45deg, #ff0000, #ff8c00, #ff007f); background: linear-gradient(45deg, #ff0000, #ff8c00, #ff007f);
background-size: 600% 600%; background-size: 600% 600%;
animation: gradientShift 5s ease infinite; animation: gradientShift 5s ease infinite;
padding: 60px 20px; padding: 60px 5%;
margin: 40px 0; margin: 40px 0;
width: 100vw; width: 100%;
position: relative; position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
display: flex; display: flex;
justify-content: center; justify-content: center;
color: #fff; color: #fff;
box-shadow: 0 10px 30px rgba(0,0,0,0.5); box-shadow: 0 10px 30px rgba(0,0,0,0.5);
overflow: hidden; overflow: hidden;
box-sizing: border-box;
} }
@keyframes gradientShift { @keyframes gradientShift {
@ -56,11 +53,11 @@ if ($adProduct):
} }
.ad-container { .ad-container {
max-width: 1400px; max-width: 1800px;
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 50px; gap: 60px;
} }
.ad-image-container { .ad-image-container {
@ -116,7 +113,7 @@ if ($adProduct):
} }
.ad-title { .ad-title {
font-size: 3.5rem; font-size: 4rem;
font-weight: 900; font-weight: 900;
margin: 0 0 15px 0; margin: 0 0 15px 0;
line-height: 1.1; line-height: 1.1;
@ -159,16 +156,16 @@ if ($adProduct):
} }
.ad-description { .ad-description {
font-size: 1.2rem; font-size: 1.3rem;
line-height: 1.6; line-height: 1.6;
margin-bottom: 25px; margin-bottom: 25px;
font-weight: bold; font-weight: bold;
text-shadow: 1px 1px 2px rgba(0,0,0,0.8); text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
background: rgba(0,0,0,0.3); background: rgba(0,0,0,0.3);
padding: 15px; padding: 20px;
border-left: 5px solid #ffd700; border-left: 5px solid #ffd700;
border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0;
max-width: 800px; max-width: 1000px;
} }
.ad-urgency { .ad-urgency {