PageSourceSearch

https://intern.katholikentag.de/wilma/static/public/shop/style/kat/style.js

js katholikentag.de collected 2026-09-26 03:59:37 UTC 8,090 bytes, 163 lines download raw bytes

1/*
2 * PEBBLES SHOP
3 * (C) Copyright 2016 eGenius oHG (http://www.egenius.de) and others.
4 */
5
6PebblesConfig.Design = PebblesConfig.Design || {};
7
8PebblesConfig.Design.injectCss = function() {
9    var code = "";
10    for (var style in PebblesConfig.Design.styles) {
11        code = code + " " + style + " { " + PebblesConfig.Design.styles[style] + "}";
12    }
13
14    if (PebblesConfig.Design.cssText) {
15        code = code + '\n\n' + PebblesConfig.Design.cssText;
16    }
17
18    var style = document.createElement('style');
19    style.type = 'text/css';
20
21    if (style.styleSheet) {
22        // IE
23        style.styleSheet.cssText = code;
24    } else {
25        // Other browsers
26        style.innerHTML = code;
27    }
28
29    document.getElementsByTagName("head")[0].appendChild( style );
30};
31
32PebblesConfig.Design.backgroundColor = function(transparency) {
33    if (typeof(transparency)==="undefined") transparency = 1;
34    return "rgba(255,255,255,"+transparency+")"; // weiss
35};
36
37PebblesConfig.Design.highlightColor = function(transparency) {
38    if (typeof(transparency)==="undefined") transparency = 1;
39    return "rgb(0,20,92,"+transparency+")"; // dunkles blau
40};
41
42PebblesConfig.Design.navigationColor = function(transparency) {
43    if (typeof(transparency)==="undefined") transparency = 1;
44    return "rgb(0,159,227,"+transparency+")"; // blau
45};
46
47PebblesConfig.Design.popupMenuColor = function(transparency) {
48    if (typeof(transparency)==="undefined") transparency = 1;
49    return "rgb(0,159,227,"+transparency+")"; // blau
50};
51
52PebblesConfig.Design.discountedColor = function(transparency) {
53    if (typeof(transparency)==="undefined") transparency = 1;
54    return "rgb(255,0,168,"+transparency+")"; // blau
55};
56
57PebblesConfig.setShopBackground = function(list) {
58    return;
59};
60
61PebblesConfig.Design.styles = {};
62
63PebblesConfig.Design.styles = {
64    // fred.css manipulieren
65    //".row" : "display:block;"
66    // Allgmein
67    ".shop_link": "cursor: pointer;"
68    //, ".shop_link:hover": "color: #0056b3 !important;"
69    // Header und Logo
70    // ... nicht mehr benötigt, Saltation hat ein Template geliefert
71    // Kategorien
72    , ".shop_nav_categories": "margin-top:-2rem;"
73    , ".shop_nav_categories_col": "min-height:3em;display:flex;align-items:center;"
74    , "#productCategoryNavigation > li > a" : "color:white;text-decoration:none;height:20px;"
75    , "#productCategoryNavigation > li > a:hover" : "font-weight:normal;text-decoration:underline;"
76    // Warenkorb
77    , ".productBasketStickyWrap" : "position: fixed;right: 0;bottom: 0;z-index: 2;"
78    , ".productBasketStickyWrap button" : "font-size:20px;color:#fff !important;border-color:"+PebblesConfig.Design.popupMenuColor()+" !important;background-color:"+PebblesConfig.Design.popupMenuColor()+" !important;"
79    , ".productBasketStickyWrap button:hover" : "color:"+PebblesConfig.Design.popupMenuColor()+" !important;border-color:#fff !important;background-color:#fff !important;"
80    , ".cartIcon" : "padding-left:2rem;"
81    , ".cartRemove" :  "cursor: pointer;padding-left:2rem;"
82    // Suche
83    , ".search_header > input" : "border:none;"
84    , ".search_input_md" : "width:80%;"
85    , ".search_input_sm" : "width:60%;"
86    , "#searchShop::placeholder" : "color:lightgrey"
87    // Breadcrumbs
88    , ".breadcrumb_navigation" : "padding-top:1em;"
89    , ".breadcrumb" : "background:none;"
90    , ".breadcrumb > li > a" : "text-decoration:none;font-weight:bold;"
91    , ".breadcrumb > li + li:before" : "content: ' > ';padding: 0 5px;font-weight:bold;"
92    // Hauptbereich
93    , ".hidden" : "display:none;"    
94    , ".shop_content" : "background-color:"+PebblesConfig.Design.backgroundColor()+";padding-bottom:3em;margin-top:29px;" // see: PebblesConfig.setShopBackground
95    // Kategorien als Liste
96    , ".product_category_tag" : "width:52%;min-width:260px;"
97    , ".product_category_banner" : "background-color:"+PebblesConfig.Design.highlightColor(.8)+";height:1em;"
98    , ".product_category_label" : "background-color: white;padding: 10px;width:100%;"    
99    , ".product_category_panel": "background-repeat:no-repeat;background-position:50% 50%;background-size:cover;height:16em;cursor:pointer;"
100            + "background-color: rgba(255,255,255,0);padding-left:0px;padding-top:10em;margin-bottom:1.1em;"
101    , ".product_category_panel:hover": "background-color: rgba(255,255,255,0.5); background-blend-mode: lighten;"
102    , ".product_category_kicker" : "font-size:.75em;text-transform: uppercase;"
103    , ".product_category_name" : "font-size:1.25em;margin-top:-10px;font-weight:400;"
104    // Kategorie Einzelansicht
105    , ".category_header" : "padding-bottom:2em;"
106    , ".category_header_image" : "background-repeat:no-repeat;background-position:50% 50%;background-size:cover;height:8em;cursor:pointer;"
107            + "background-color: rgba(255,255,255,0);padding-left:0px;padding-top:28%;"
108    , ".category_header_text" : "border-top:1px solid lightgrey;padding-top:2em;padding-left:5em;"
109    , ".category_footer" : "border-top:1px solid lightgrey;margin-top:-2em;"
110    // Produkte als Liste
111    , ".product" : "background-color:white;"
112    , ".product_teaser" : "cursor:pointer;margin-bottom:1.1em;"    
113    , ".product_teaser_label" : "height:4em;margin-top:1rem;"
114    , ".product_teaser_image": "width:100%;padding-top:75%;background-position:center;background-size:cover;"
115    , "#productCarousel .product_teaser_image": "background-position: center -8rem;"
116    , ".product_teaser_image:hover": "background-color: rgba(255,255,255,0.5); background-blend-mode: lighten;"
117    , ".product_teaser_name" : "font-size:20px;align-items:center;"
118    , ".product_teaser_price": "font-size:20px;font-weight:bold;align-items:center;text-align:right;"
119    , ".product_teaser_border": "height:1px;"
120    , ".product_teaser_border > div": "height:1px;"
121    , ".product_teaser_border_line": "height:1px;width:100%;border-bottom: 1px solid "+PebblesConfig.Design.highlightColor()+";"
122    // Produkt Carousel
123    , ".product_carousel_item": "min-height:40rem;"
124    // Paginierung
125		, ".pagination": "display:flex;justify-content:center;margin-top:2rem;"
126    , ".pagination>li>a": "color:"+PebblesConfig.Design.backgroundColor()+";padding:2rem;cursor:pointer;"
127    , ".pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus": "background-color:"+PebblesConfig.Design.highlightColor()+";border-color:"+PebblesConfig.Design.highlightColor()+";"+"color:"+PebblesConfig.Design.backgroundColor()+";"
128    , ".pagination>li>a:hover": "color:"+PebblesConfig.Design.navigationColor()+";"
129    // Produkt Einzelansicht
130    , ".product_detail_image" : "width:100%;padding-top:75%;background-position:50% 50%;background-size:cover;"
131    , ".product_detail_thumb" : "width:100%;padding-top:60%;background-position:50% 50%;background-size:cover;cursor:pointer;border:4px solid transparent;"    
132    , ".product_detail_thumb_active, .product_detail_thumb:active, .product_detail_thumb:hover, .product_detail_thumb:focus" : "border-color:"+PebblesConfig.Design.highlightColor()+";"
133    , ".product b" : "font-weight:bold;"
134    , ".product_detail_outofstock" : "display:none;font-weight:bold;color:"+PebblesConfig.Design.popupMenuColor()+";"
135    , ".product_detail_pricetag" : "white-space: pre;"
136    , ".product_discounted" : "color:"+PebblesConfig.Design.discountedColor()+";font-weight:bold;"
137    , ".product_listpricetag" : "font-weight:lighter !important;text-decoration: line-through;"
138    // Pfeil nach oben ausblenden
139    , ".linkToTop" : "display:none;"
140};
141
142PebblesConfig.Design.cssText = `
143    .carousel-container {
144        padding-bottom: 2rem;
145    }
146
147    .carousel-item {
148        height: 16em;
149        cursor: pointer;
150    }
151
152    .carousel-caption {
153        background-color: ${PebblesConfig.Design.highlightColor(.8)};
154    }
155
156    .carousel-caption h4 {
157        color: white;
158    }
159
160    .shopDetailProductWrap  {
161        margin-bottom: 4rem !important;
162    }
163`;

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.