https://bib.hs-duesseldorf.de/_layouts/15/FHD.Internet/js/SimpleBackground.js

1
2
3function ApplicateMasterStyle() {
4
5    //Faculties
6    if (FHD_IsBodyStyle) {
7        $('#GrContainer a,#GrContainer div').css('color', FHD_Principal)
8        $('#GrContainer').css('border-bottom', '2px solid ' + FHD_Principal);
9
10
11        //Quick links
12        $('#QlContainer').css('border-color', FHD_Principal);
13        //Tittle row
14        $('#s6-titlerow span,#s6-titlerow a').not("[class='QRLinks']").css('color', FHD_Principal);
15
16        //Mega menu
17        $('#MegaMenu span,#MegaMenu a').css('color', FHD_Principal);
18        $('#MobileMenu span,#MobileMenu a').css('color', FHD_Principal);
19        $('.s6-accentRed').css('border-bottom', '2px solid ' + FHD_Principal);
20        $('.Mg-accentLightRed').css('border-bottom', '2px solid ' + FHD_Secondary);
21        
22        $('#mb_ButtonMenu span').css('color', FHD_Principal);
23
24        //Faq if we want to change branding float menu
25        $('.fq_whiteBlock').css('border-left', '2px solid ' + FHD_Principal);
26        $('.fq_whiteBlock').css('border-bottom', '2px solid ' + FHD_Principal);
27        $('.fq_whiteBlock').css('background-color', 'transparent');
28        $('.fq_whiteBlock span').css('color', FHD_Principal);
29
30        //search
31        $('#SearchBoxDiv .arraw-bottom').css('border-color', '#000 transparent transparent transparent');
32        $('#SearchScopes').css('border-color', FHD_Principal);
33        $('#SearchScopes .linkScope').css('color', 'black');
34
35        //icon
36        if (FHD_Principal == '#fff') {
37            $('#linkArrow').css('background-image', "url('/_layouts/15/FHD.Internet/images/faq_left_white.png')");
38
39            $('.mb-serach-icon').attr('src', '/_layouts/15/FHD.Internet/icons/search-white.png');
40            $('.mb-menu-icon').attr('src', '/_layouts/15/FHD.Internet/icons/icon-menu-white.png');
41            $('#mb_ButtonMenu img').attr('src', '/_layouts/15/FHD.Internet/icons/icon-menu-white.png');
42        }
43        else {
44            $('#linkArrow').css('background-image', "url('/_layouts/15/FHD.Internet/images/faq_left_black.png')");
45
46            $('.mb-serach-icon').attr('src', '/_layouts/15/FHD.Internet/icons/search-black.png');
47            $('.mb-menu-icon').attr('src', '/_layouts/15/FHD.Internet/icons/icon-menu-black.png');
48            $('#mb_ButtonMenu img').attr('src', '/_layouts/15/FHD.Internet/icons/icon-menu-black.png');
49        }
50
51        //arrow
52        $('.arraw-bottom').css('border-color', FHD_Principal + ' transparent transparent transparent');
53        $('.arraw-top').css('border-color', 'transparent transparent ' + FHD_Principal + ' transparent');
54
55        //search mobile
56        if (FHD_Principal == '#fff') {
57            $('#s6-mbSearchBox').css('background-color', '#000');
58        }
59        else
60        {
61            $('#s6-mbSearchBox').css('background-color', '#fff');
62
63        }
64
65    }
66   
67
68    if (FHD_IsMaineStyle) {
69        $('#s4-contentBox,#s4-contentBox div, #s4-contentBox span,#s4-contentBox a,#s4-contentBox p').css('color', FHD_Principal);
70        $('#s4-contentBox h1,#s4-contentBox h2,#s4-contentBox h3,#s4-contentBox h4,#s4-contentBox h5,#s4-contentBox h6').css('color', FHD_Principal);
71
72        $('#NewsBox div').css('background-color', FHD_Principal);
73
74        if (FHD_Principal == '#000') {
75            $('.ss_arrow-left').css("background-image", "url('/_layouts/15/FHD.Internet/images/arrow_back.png')");
76            $('.ss_arrow-right').css("background-image", "url('/_layouts/15/FHD.Internet/images/arrow_next.png')");
77
78        }
79        else {
80            $('.ss_arrow-left').css("background-image", "url('/_layouts/15/FHD.Internet/images/arrow_back.png')");
81            $('.ss_arrow-right').css("background-image", "url('/_layouts/15/FHD.Internet/images/arrow_next.png')");
82
83        }
84
85    }
86
87
88
89}
90
91//change the styles
92function ApplicateFontFamily(font) {
93    var fontFamily = 'hsd sans';
94    switch (font) {
95        case '0': {
96            fontFamily = 'hsd sans'; break;
97
98        }
99        case '1': {
100            fontFamily = 'hsd sans design'; break;
101
102        }
103        case '2': {
104            fontFamily = 'hsd sans architecture'; break;
105
106        }
107        case '3': {
108            fontFamily = 'hsd sans media'; break;
109
110        }
111        case '4': {
112            fontFamily = 'hsd sans electro'; break;
113
114        }
115        case '5': {
116            fontFamily = 'hsd sans engineering'; break;
117
118        }
119        case '6': {
120            fontFamily = 'hsd sans economy'; break;
121
122        }
123        case '7': {
124            fontFamily = 'hsd sans social'; break;
125
126        }
127    }
128    $('.s6-h1').css('font-family', fontFamily);
129    $('.s6-h2').css('font-family', fontFamily);
130    $('.s6-h3').css('font-family', fontFamily);
131    $('.PageTitle').css('font-family', fontFamily);
132    //$('.mystyleElement-H1').css('font-family', fontFamily);
133   // $('.mystyleElement-Megatext').css('font-family', fontFamily);
134  //  $('.mystyleElement-Center1').css('font-family', fontFamily);
135
136    //Faq font
137    $('#linkHelp span').css('font-family', 'hsd sans');
138    $('#fqContentBlock .s6-h2').each(function () { $(this).css('font-family', 'hsd sans'); });
139
140
141}
142
143function ChangeColorSubSites() {
144    //border
145    $('.s6-accentRed').css('border-bottom-color', '#000');
146    $('.RootLink').css('color', '#000');
147    //english site
148    $('#SwitchLanguage a').css('color', '#666');
149
150    //quick links
151    $('#QlArrowLinks a').css('color', '#000');
152    $('#QlArrowLinks .arraw-bottom').css('border-color', '#000 transparent transparent transparent');
153    $('#QlArrowLinks .arraw-top').css('border-color', 'transparent transparent #000 transparent');
154    $('.QRLinks').css('color', '#444');
155    $('.QRLinks').hover(
156            function () { $(this).css('color', '#000'); },
157            function () { $('.QRLinks').css('color', '#444'); });
158
159    $('#QlContainer').css('border', '2px solid #000');
160    //search
161    $('#SearchBoxDiv .arraw-bottom').css('border-color', '#000 transparent transparent transparent');
162    $('#SearchScopes').css('border-color', 'black');
163    $('#SearchScopes .linkScope').css('color', 'black');
164    //FAQ
165
166    $('.fq_whiteBlock,.fq_whiteBlock span').css('color', '#000');
167    $('.fq_whiteBlock').css('border-left-color', '#000');
168    $('.fq_whiteBlock').css('border-bottom-color', '#000');
169    $('#mb_faq span').css('color', 'black');
170    fqcolor1 = '#000';
171
172    //mega menu
173    $('.MgLevel1').css('color', '#000');
174    $('.MGMegaDiv span').css('color', '#000');
175    $('.Mg-accentLightRed').css('border-bottom-color', '#000');
176    $('.Mg-accentLightRed .arraw-bottom').css('border-color', '#000 transparent transparent transparent');
177    $('.Mg-accentLightRed .arraw-top').css('border-color', 'transparent transparent #000 transparent');
178    $('#mb_ButtonMenu span').css('color', 'black');
179
180
181    MgColor1 = '#000';
182    MgColor2 = '#666';
183
184    //absolute path
185    $('.PageTitle').css('color', '#000');
186
187
188    //Mobile design
189    $('#s6-MobileBox span').css('color','#')
190
191    $('.mb-serach-icon').attr('src', '/_layouts/15/FHD.Internet/icons/search-black.png');
192    $('.mb-menu-icon').attr('src', '/_layouts/15/FHD.Internet/icons/icon-menu-black.png');
193    $('#s6-MobileBox span').css('color', '#000');
194}
195
196function ShowNew(url) {
197    //New box position
198    $('#NewsBox').show();
199    var w = $('#NewsBox').width();
200    var h = $('#NewsBox').height();
201    var topNew = $(window).height() - h;
202    $('#NewsBox').css('top', topNew);
203    $('#NewsBox').css({ 'position': 'fixed', 'width': w });
204
205    $($('#NewsBox a')).attr('href', url);
206
207}