Update styles and fix hover border behavior

Added a border-radius reset for `.md-top` and adjusted button hover styles to ensure consistent border color behavior. Minor font adjustments in the related HTML file were also included.
This commit is contained in:
tfw
2025-04-24 16:16:09 +02:00
parent bafb40a966
commit 33a01ad838
22 changed files with 176 additions and 48 deletions
+2 -2
View File
@@ -11,7 +11,7 @@ hide:
<div class="satag--home-hero entry">
<h1>Willkommen zu<br /> <span class="satag-trademark">satware®</span> AI</h1>
<h1>KI-Power<br /> für Ihr Business</h1>
<div class="entry-text">
<span class="satag-trademark">satware®</span> AI bietet zukunftsweisende KI-Lösungen, die Unternehmen dabei
@@ -37,7 +37,7 @@ Technologien sind darauf ausgerichtet, Ihren Geschäftserfolg durch moderne, KI-
<div class="satag--home-companies">
<h2>Trusted by the world's top organizations across industries</h2>
<h2>Trusted by the world's top<br /> organizations across industries</h2>
<div class="satag--home-companies-logo-container">
+9 -10
View File
@@ -22,6 +22,15 @@
font-display: swap;
}
</style>
<script>
// Füge die Klasse 'home' zum Body hinzu, wenn es sich um die Startseite handelt
document.addEventListener('DOMContentLoaded', function() {
const path = window.location.pathname;
if (path === '/' || path === '/index.html' || path === '') {
document.body.classList.add('home');
}
});
</script>
{% endblock %}
{% block footer %}
@@ -29,19 +38,13 @@
<div class="md-footer-container">
<div class="satag--custom-footer-column left">
<div class="satag--footer-text">
satware AG<br>
Friedrich-Ebert-Str. 34<br>
67549 Worms
</div>
</div>
<div class="satag--custom-footer-column right">
<div class="satag--footer-text">
<a href="tel:+496241987280" title="Rufen Sie uns jetzt an">06241 987280</a><br><a
href="mailto:info@satware.com"
@@ -63,11 +66,7 @@
title="Zum YouTube Kanal der satware AG"><i
class="fa-brands fa-youtube"></i></a>
</div>
</div>
</div>
<div class="md-footer-custom-links">
<a href="https://satware.com/custom/index/sCustom/1" title="Kontakt">Kontakt</a>
File diff suppressed because one or more lines are too long
+5 -2
View File
@@ -204,6 +204,9 @@ a.headerlink{
color: #fff;
}
.md-top{
border-radius: 0;
}
// Buttons im CI-Design
.md-button {
@@ -218,7 +221,7 @@ a.headerlink{
@include transition;
&:hover{
border-color: var(--md-primary-fg-color) !important;
border-color: #8a44bd !important;
transform: translateY(8px);
@include transition;
}
@@ -282,7 +285,7 @@ a.headerlink{
&:hover {
background-color: var(--md-primary-fg-color--light);
border-color: var(--md-primary-fg-color--light);
border-color: var(--md-primary-fg-color--light) !important;
}
}
}
+24 -4
View File
@@ -16,17 +16,18 @@
padding-bottom: 1rem;
}
//@include ohne-balken;
h1{
font-size: 5rem;
margin-bottom: 1.75rem;
text-align: left;
line-height: 100%;
line-height: 114%;
&:after{
height: 12px;
width: 85px;
margin-top: 1.5rem;
margin-top: 1rem;
margin-bottom: -0.2rem;
}
}
@@ -64,19 +65,25 @@
h2{
padding-bottom: 1rem;
font-size: 2.5rem;
line-height: 3rem;
max-width: 61rem;
text-align: left;
margin: 0 auto;
}
@include ohne-balken;
//@include ohne-balken;
text-align: center;
.satag--home-companies-logo-container{
display: flex;
max-width: 75%;
max-width: 61rem;
margin: 0 auto;
.satag--home-companies-logo{
flex: auto;
img{
width: 80%;
float:left;
}
}
}
@@ -113,4 +120,17 @@
}
}
}
body{
&.home{
background-image: url(../assets/images/home/bg.jpg);
background-size: 50%;
background-repeat: no-repeat;
background-position: top;
}
.md-header, .md-tabs {
background-color: transparent;
box-shadow: none;
}
}