Files
stoffhaus-hanke-theme/NOVAChild/themes/my-nova/sass/my-nova.scss
2026-04-03 16:24:16 +00:00

126 lines
3.2 KiB
SCSS

//
// Platz für eigene Style Angaben in SCSS-Notation
//
// Alle Änderungen hier müssen anschließend mit einem SCSS-Compiler
// (z.B. dem JTL-Theme-Editor Plugin) nach my-nova.css kompiliert werden
// --------------------------------------------------
// Lädt Core-Funktionen
@import '../../../../NOVA/themes/base/sass/functions';
// Lädt "my-nova"-Variablen. Hier können Variablen aus Bootstrap und dem NOVA-Theme überschrieben werden.
@import "variables";
// Lädt Style Angaben des Themes, hier "clear".
@import '../../../../NOVA/themes/clear/sass/allstyles';
// Für die anderen Themes müssen neben der "allstyles" des Themes auch die jeweiligen Regeln aus der "theme.scss"
// (z.B. für blackline aus der blackline.scss) übernommen werden.
// @import '../../../../NOVA/themes/blackline/sass/allstyles';
// @import '../../../../NOVA/themes/midnight/sass/allstyles';
// my-nova Theme
// Hier können alle Style-Angaben notiert werden, die nur Auswirkungen auf dieses Theme haben
// ------------------- Beginn eigenes CSS ----------------------------
#footer {
.form-control {
background-color: #FFFFFF;
color: #000000;
&::placeholder {
color: #000000;
}
}
.label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) {
label {
background: $footer-bg-color;
color: $footer-color;
}
}
a {
color: $footer-color;
&:hover:not(.btn) {
color: $primary;
}
}
.productlist-filter-headline {
color: $footer-color;
}
.newsletter-footer-heading {
color: $footer-color;
$link-color: #FFFFFF !default;
}
}
header {
background-image: url(https://stoffhaus-hanke.de/media/image/storage/opc/header/headerfinal.png);
background-size: cover;
background-repeat: no-repeat;
background-attachment: relative;
}
header .nav-link {
background-color: #FFFFFF;
color: #000000;
font-size: 16px;
font-weight: bold;
opacity: 0.8;
border-radius: 15px 15px 15px 15px;
&:hover {
opacity: 1;
}
}
#header-top-bar{
background-color: #2E3740;
}
#header-top-bar .ara-topinfo{
font-weight: bold;
a {color: #FFFFFF;}
}
#shop-logo {
border-radius: 15px 15px 15px 15px;
background-color: #FFFFFF;
opacity: 0.8;
}
.secure-checkout-topbar {
border-radius: 15px 15px 15px 15px;
background-color: #FFFFFF;
opacity: 0.8;
}
.ara-topinfo {margin:5px auto 5px auto; text-decoration: none;}
.ara-topinfo li {margin-right:10px; text-decoration: none; display:inline;color: #FFFFFF;}
.ara-topinfo i {margin-right:3px;color: #FFFFFF;}
#article_buyfield .choose_quantity .submit,
button[name="inWarenkorb"] {
border-color: #000000;
color: #FFFFFF !important;
background-color: #2c8d2e !important;
}
@media screen and (min-width: 1200px) {
#main-wrapper {
background-image: url(https://stoffhaus-hanke.de/media/image/storage/opc/header/stoffballen.png);
background-attachment: fixed;
}
#content {
width: 1200px;
margin: auto;
background-color: #FFFFFF;
border-radius: 15px 15px 15px 15px;
border: 10px solid white;
}
.breadcrumb-wrapper {
margin-left:auto;
margin-right:auto;
width: 1200px;
background-color: #FFFFFF;
border-radius: 15px 15px 15px 15px;
border: 10px solid white;
}
}