tfw
738c1867fb
This commit introduces three new documentation files: `anwendungen.md` for AI solution use cases, `stylesheets/modules/blog.scss` for blog-specific styling, and `datenschutz.md` for the privacy policy. Additionally, it enhances blog author and sidebar styling for consistency and readability.
79 lines
1.9 KiB
SCSS
79 lines
1.9 KiB
SCSS
/*
|
|
* Cookie Consent Styling
|
|
* Position the cookie consent container in the center of the viewport
|
|
*/
|
|
|
|
.satag--cookie-consent-container {
|
|
position: fixed !important;
|
|
top: 50% !important;
|
|
left: 50% !important;
|
|
z-index: 9999 !important; /* Ensure it appears above other content */
|
|
width: auto !important;
|
|
height: auto !important;
|
|
}
|
|
|
|
/*
|
|
* Direct targeting of Usercentrics elements
|
|
* These selectors target various elements that Usercentrics might create
|
|
*/
|
|
#usercentrics-root,
|
|
[class*="usercentrics"],
|
|
[id*="usercentrics"],
|
|
.uc-banner-content,
|
|
.uc-container,
|
|
[class*="banner"],
|
|
[class*="consent"],
|
|
[class*="cookie"] {
|
|
top: 50% !important;
|
|
left: 50% !important;
|
|
bottom: auto !important;
|
|
position: fixed !important;
|
|
z-index: 9999 !important;
|
|
}
|
|
|
|
/* Specific targeting for the center container */
|
|
#uc-center-container {
|
|
position: fixed !important;
|
|
top: 50% !important;
|
|
left: 50% !important;
|
|
margin: 0 auto !important;
|
|
text-align: left !important;
|
|
}
|
|
|
|
[id*="center-container"]:not(#uc-center-container),
|
|
[class*="center-container"] {
|
|
top: 50% !important;
|
|
left: 50% !important;
|
|
position: fixed !important;
|
|
}
|
|
|
|
/*
|
|
* Special styling for landscape mode on smaller height screens
|
|
* This targets the Usercentrics container element
|
|
*/
|
|
@media (max-height: 768px) and (orientation: landscape) {
|
|
.gtPQAC,
|
|
[class*="usercentrics"],
|
|
[id*="usercentrics"],
|
|
.uc-banner-content,
|
|
.uc-container,
|
|
#uc-center-container {
|
|
border-bottom: 0 !important;
|
|
max-height: 100vh !important;
|
|
max-width: 625px !important;
|
|
top: 50% !important;
|
|
left: 50% !important;
|
|
position: fixed !important;
|
|
}
|
|
}
|
|
|
|
/* Additional styling to ensure the cookie consent is centered */
|
|
body iframe[id^="usercentrics-"],
|
|
body [class*="usercentrics"],
|
|
body [id*="usercentrics"] {
|
|
top: 50% !important;
|
|
left: 50% !important;
|
|
bottom: auto !important;
|
|
position: fixed !important;
|
|
}
|