imageshift.css.php
Die Datei imageshift.css.php enhält die Styles für den Shift-Image-Header.
Dateiname: templates/krl-3col-flex/config/imageshift.css.php
<?php
/*
* @category Template for CMSimple_XH Version 1.7+
* @package krl-3col-flex, Version 3.0
* @file imageshift.css.php | Stylsheet und Layout - Header before Shiftimage
* @last_modified 17.12.2021
* @author Karl Richard Lembach | https://lembach-cmsimple.de/?Home
* @copyright 2021 Karl Richard Lembach <https://lembach-cmsimple.de>
* @license https://www.gnu.org/licenses/gpl-3.0 GNU GPLv3
* @link https://template.lembach-cmsimple.de/?Template-krl-3col-flex
* @contact https://lembach-cmsimple.de/?Home/Kontakt-Formular | webmaster@lembach-cmsimple.de
Dieses Programm ist freie Software.
Sie können es unter den Bedingungen der GNU General Public License, wie von der Free Software Foundation veröffentlicht,
weitergeben und/oder modifizieren, entweder gemäß Version 3 der Lizenz oder (nach Ihrer Option) jeder späteren Version.
Die Veröffentlichung dieses Programms erfolgt in der Hoffnung, daß es Ihnen von Nutzen sein wird, aber OHNE IRGENDEINE GARANTIE,
sogar ohne die implizite Garantie der MARKTREIFE oder der VERWENDBARKEIT FÜR EINEN BESTIMMTEN ZWECK. Details finden Sie in der GNU General Public License.
Sie sollten ein Exemplar der GNU General Public License zusammen mit diesem Programm erhalten haben. Falls nicht, siehe <https://www.gnu.org/licenses/gpl-3.0>.
Deutsche Übersetzung (kein rechtskräftiger Ersatz des Originals): http://www.gnu.de/documents/gpl.de.html
*/
$rgbwert = str_replace("#", "", $imageshiftmottocolor);
$Shadowrgb = array( // zerlegen in Einzelfarben
0 => ($rgbwert), 1 => hexdec(substr($rgbwert, 0, 2)), 2 => hexdec(substr($rgbwert, 2, 2)), 3 => hexdec(substr($rgbwert, 4, 2))
);
$Shadow = 'rgba('.$Shadowrgb[1].','.$Shadowrgb[2].','.$Shadowrgb[3].', 0.5)';
$stylecode .='
#header {';
if (isset($MainColor2019)) {
$stylecode .='
background-color: '.$MainColor2019.';
border-top: .26vw solid '.$MainColor2019.';
';
} else {
$stylecode .='
background-color: var(--akzent);
border-top: .26vw solid var(--akzent);
';
}
$stylecode .=' border-bottom: unset;
}
.logobg {
background-image: url("'.$pth['folder']['base'].$imageshiftbgimage.'");
background-size: '.$BGimageBreitenfaktor.'% auto; /* Breite=Bildbreite/Breite des DIV */
background-repeat: repeat-x ;
height: '.$BGimageHoehenfaktor.'vw; /* Höhe=Bildhöhe/1920 */
max-height: 300px;
}
.logobg:nth-child(1){
animation: wind1 '.$LoopTime.'s linear infinite;
}
.logobg:nth-child(2){
animation: wind2 '.$LoopTime.'s linear infinite;
}
@keyframes wind1 {
from { background-position: -100%} to {background-position: 0px}
}
@keyframes wind2 {
from { background-position: 0px} to {background-position: 100%}
}
.logo {
max-height: 12.5vw;
max-width: 30vw;
float: left;
margin: 1vw;
border-radius: '.$imageshiftlogomottoradius.'vw;
padding: .5vw;
background-color: '.$imageshiftbackground.';
}
.mottotext {
color: var(--akzent);
color: '.$imageshiftmottocolor.';
float: right;
margin: 1vw;
max-width: 60vw;
text-align: right;
font-family: Verdana, Geneva, Tahoma, sans-serif;
text-shadow: .054vw .054vw .109vw '.$imageshiftbgcolor.', .164vw .164vw .164vw '.$Shadow.';
border-radius: '.$imageshiftlogomottoradius.'vw;
padding: .5vw;
background-color: '.$imageshiftbackground.';
font-size: 1.667vw;
font-weight: bold;
}
@media (min-width:1920px) {
.logo {
max-height: 242px;
max-width: 576px;
margin: 20px;
padding: 9px;
}
.mottotext {
margin: 20px;
padding: 9px;
max-width: 1152px;
font-size: 32px;
text-shadow: 1px 1px 2px '.$imageshiftbgcolor.', 3px 3px 3px '.$Shadow.';
}
#header {';
if (isset($MainColor2019)) {
$stylecode .='
border-top: 5px solid '.$MainColor2019.';
';
} else {
$stylecode .='
border-top: 5px solid var(--akzent);
';
}
$stylecode .='
}
}
';