Skip to content

Jeff Balicki / st_joseph

Go to a project
Toggle navigation
Toggle navigation pinning
5378d9ac by Jeff Balicki
Options

code clean up 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 38f6eab5
Expand all
Inline Side-by-side
Showing 16 changed files with 723 additions and 750 deletions
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -33364,10 +33364,9 @@ ...@@ -33364,10 +33364,9 @@
33364 if (!$('.grid.course').length) { 33364 if (!$('.grid.course').length) {
33365 return false; 33365 return false;
33366 } 33366 }
33367 var qsRegex;
33368 33367
33369 //course list Isotope setup 33368 //course list Isotope setup
33370 33369 var qsRegex;
33371 var $grid = $('.grid.course').isotope({ 33370 var $grid = $('.grid.course').isotope({
33372 itemSelector: '.element-item', 33371 itemSelector: '.element-item',
33373 layoutMode: 'fitRows', 33372 layoutMode: 'fitRows',
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
1 import Swiper, { Navigation, Pagination, A11y, Keyboard } from 'swiper'; 1 import Swiper, {
2 Navigation,
3 Pagination,
4 A11y,
5 Keyboard
6 } from 'swiper';
2 import 'swiper/css'; 7 import 'swiper/css';
3 import 'swiper/css/navigation'; 8 import 'swiper/css/navigation';
4 import 'swiper/css/pagination'; 9 import 'swiper/css/pagination';
...@@ -9,66 +14,66 @@ jQuery(document).ready(function($) { ...@@ -9,66 +14,66 @@ jQuery(document).ready(function($) {
9 14
10 15
11 16
12 jQuery('.carousel-items').each(function() { 17 jQuery('.carousel-items').each(function() {
13 18
14 var offset = ((window.innerWidth - $('.entry-content').width() ) / 2) - 28; 19 var offset = ((window.innerWidth - $('.entry-content').width()) / 2) - 28;
15 var offsetAfter = 0; 20 var offsetAfter = 0;
16 var PerView = 'auto'; 21 var PerView = 'auto';
17 var space = 20; 22 var space = 20;
18 23
19 var _id = jQuery(this).parent().attr('id'); 24 var _id = jQuery(this).parent().attr('id');
20 25
21 if(jQuery(this).hasClass('promo-carousel')) { 26 if (jQuery(this).hasClass('promo-carousel')) {
22 offset = 0; 27 offset = 0;
23 PerView = 1; 28 PerView = 1;
24 space = 0; 29 space = 0;
25 offsetAfter = 0; 30 offsetAfter = 0;
26 _id = jQuery(this).attr('id'); 31 _id = jQuery(this).attr('id');
27 } 32 }
28 33
29 if ($(window).width() < 600) { 34 if ($(window).width() < 600) {
30 offset = 0; 35 offset = 0;
31 PerView = 1; 36 PerView = 1;
32 space = 0; 37 space = 0;
33 offsetAfter = 0; 38 offsetAfter = 0;
34 } 39 }
35 40
36
37 41
38 var swiper_params = { 42
43 var swiper_params = {
39 modules: [Navigation, Pagination, A11y, Keyboard], 44 modules: [Navigation, Pagination, A11y, Keyboard],
40 slidesPerView:PerView, 45 slidesPerView: PerView,
41 slidesOffsetAfter:offsetAfter, 46 slidesOffsetAfter: offsetAfter,
42 slidesOffsetBefore:offset, 47 slidesOffsetBefore: offset,
43 spaceBetween:space, 48 spaceBetween: space,
44 slidesPerGroup:1, 49 slidesPerGroup: 1,
45 pagination: { 50 pagination: {
46 el: ".swiper-pagination", 51 el: ".swiper-pagination",
47 type: 'bullets', 52 type: 'bullets',
48 clickable:"true", 53 clickable: "true",
49 }, 54 },
50 55
51 navigation: { 56 navigation: {
52 nextEl: '.swiper-button-next[data-id="'+_id+'"]', 57 nextEl: '.swiper-button-next[data-id="' + _id + '"]',
53 prevEl: '.swiper-button-prev[data-id="'+_id+'"]', 58 prevEl: '.swiper-button-prev[data-id="' + _id + '"]',
54 }, 59 },
55 60
56 a11y: { 61 a11y: {
57 prevSlideMessage: 'Previous slide', 62 prevSlideMessage: 'Previous slide',
58 nextSlideMessage: 'Next slide', 63 nextSlideMessage: 'Next slide',
59 }, 64 },
60 keyboard: { 65 keyboard: {
61 enabled: true, 66 enabled: true,
62 onlyInViewport: false, 67 onlyInViewport: false,
63 }, 68 },
64 69
65 }; 70 };
66 71
67 72
68 new Swiper(this, swiper_params); 73 new Swiper(this, swiper_params);
69 console.log(swiper_params); 74 console.log(swiper_params);
70 75
71 }); 76 });
72 77
73 78
74 }); 79 });
...\ No newline at end of file ...\ No newline at end of file
......
1 jQuery( document ).ready(function($) { 1 jQuery(document).ready(function($) {
2 2
3 if(!$('.grid.course').length){ 3 if (!$('.grid.course').length) {
4 return false; 4 return false;
5 } 5 }
6 6
7 var qsRegex; 7 //course list Isotope setup
8 8 var qsRegex;
9 9 var $grid = $('.grid.course').isotope({
10 //course list Isotope setup 10 itemSelector: '.element-item',
11 11 layoutMode: 'fitRows',
12 var $grid = $('.grid.course').isotope({ 12 getSortData: {
13 itemSelector: '.element-item', 13 coursename: '[data-name]',
14 layoutMode: 'fitRows', 14 date: '[data-ticks]',
15 getSortData: { 15 },
16 coursename: '[data-name]', 16 filter: function() {
17 date: '[data-ticks]', 17 var $this = $(this);
18 }, 18 var filterText = qsRegex ? $(this).text().match(qsRegex) : true;
19 filter: function() { 19 var buttonResult = filterValue ? $this.is(filterValue) : true;
20 var $this = $(this); 20 return filterText && buttonResult;
21 var filterText = qsRegex ? $(this).text().match( qsRegex ) : true; 21 }
22 var buttonResult = filterValue ? $this.is( filterValue ) : true; 22 });
23 return filterText && buttonResult; 23
24 } 24
25 }); 25
26 26 // use value of search field to filter
27 27 var $quicksearch = $('#quicksearch').keyup(debounce(function() {
28 28 console.log($quicksearch.val());
29 // use value of search field to filter 29 qsRegex = new RegExp($quicksearch.val(), 'gi');
30 var $quicksearch = $('#quicksearch').keyup( debounce( function() { 30 $grid.isotope();
31 console.log($quicksearch.val()); 31 updateFilterCounts();
32 qsRegex = new RegExp( $quicksearch.val(), 'gi' ); 32 }, 200));
33 $grid.isotope(); 33
34 updateFilterCounts(); 34
35 }, 200 ) ); 35 // debounce so filtering doesn't happen every millisecond
36 36 function debounce(fn, threshold) {
37 37 var timeout;
38 // debounce so filtering doesn't happen every millisecond 38 threshold = threshold || 100;
39 function debounce( fn, threshold ) { 39 return function debounced() {
40 var timeout; 40 clearTimeout(timeout);
41 threshold = threshold || 100; 41 var args = arguments;
42 return function debounced() { 42 var _this = this;
43 clearTimeout( timeout ); 43
44 var args = arguments; 44 function delayed() {
45 var _this = this; 45 fn.apply(_this, args);
46 function delayed() { 46 }
47 fn.apply( _this, args ); 47 timeout = setTimeout(delayed, threshold);
48 } 48 };
49 timeout = setTimeout( delayed, threshold ); 49 }
50 }; 50
51 } 51
52 52 // filter with selects and checkboxes
53 53 var $checkboxes = $('.category-filter input');
54 // filter with selects and checkboxes 54 var filterValue;
55 var $checkboxes = $('.category-filter input'); 55
56 var filterValue; 56 $checkboxes.change(function() {
57 57 // map input values to an array
58 $checkboxes.change( function() { 58 var inclusives = [];
59 // map input values to an array 59 // inclusive filters from checkboxes
60 var inclusives = []; 60 $checkboxes.each(function(i, elem) {
61 // inclusive filters from checkboxes 61 // if checkbox, use value if checked
62 $checkboxes.each( function( i, elem ) { 62 if (elem.checked) {
63 // if checkbox, use value if checked 63 inclusives.push(elem.value);
64 if ( elem.checked ) { 64 }
65 inclusives.push( elem.value ); 65 });
66 } 66
67 }); 67 // combine inclusive filters
68 68 filterValue = inclusives.length ? inclusives.join(', ') : '*';
69 // combine inclusive filters 69 $grid.isotope();
70 filterValue = inclusives.length ? inclusives.join(', ') : '*'; 70 updateFilterCounts();
71 $grid.isotope(); 71 });
72 updateFilterCounts(); 72
73 }); 73
74 74 $('.sort-button-group').on('click', 'button', function() {
75 75 var sortValue = $(this).attr('data-sort-value');
76 $('.sort-button-group').on( 'click', 'button', function() { 76 var direction = $(this).attr('data-sort-direction');
77 var sortValue = $(this).attr('data-sort-value'); 77 var isAscending = (direction == 'asc');
78 var direction = $(this).attr('data-sort-direction'); 78 var newDirection = (isAscending) ? 'desc' : 'asc';
79 var isAscending = (direction == 'asc'); 79 console.log(sortValue);
80 var newDirection = (isAscending) ? 'desc' : 'asc'; 80 console.log(isAscending);
81 console.log(sortValue); 81 $grid.isotope({
82 console.log(isAscending); 82 sortBy: sortValue,
83 $grid.isotope({ sortBy: sortValue, sortAscending: isAscending }); 83 sortAscending: isAscending
84 updateFilterCounts(); 84 });
85 $(this).attr('data-sort-direction', newDirection); 85 updateFilterCounts();
86 var span = $(this).find('.glyphicon'); 86 $(this).attr('data-sort-direction', newDirection);
87 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down'); 87 var span = $(this).find('.glyphicon');
88 }); 88 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
89 89 });
90 $(document).on("click", "#filter-more", function(e) { 90
91 e.preventDefault(); 91 $(document).on("click", "#filter-more", function(e) {
92 $('.filter-group').toggleClass('open'); 92 e.preventDefault();
93 var span = $(this).find('.glyphicon'); 93 $('.filter-group').toggleClass('open');
94 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down'); 94 var span = $(this).find('.glyphicon');
95 }); 95 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
96 96 });
97 97
98 98
99 99
100 function updateFilterCounts() { 100
101 101 function updateFilterCounts() {
102 var itemElems = $grid.isotope('getFilteredItemElements'); 102
103 var count_items = $(itemElems).length; 103 var itemElems = $grid.isotope('getFilteredItemElements');
104 104 var count_items = $(itemElems).length;
105 if (count_items > counter) { 105
106 $("#load-more").hide(); 106 if (count_items > counter) {
107 107 $("#load-more").hide();
108 }else { 108
109 $("#load-more").show(); 109 } else {
110 } 110 $("#load-more").show();
111 if ($('.element-item').hasClass('hidden')) { 111 }
112 $('.element-item').removeClass('hidden'); 112 if ($('.element-item').hasClass('hidden')) {
113 } 113 $('.element-item').removeClass('hidden');
114 var index = 0; 114 }
115 115 var index = 0;
116 $(itemElems).each(function () { 116
117 if (index >= counter) { 117 $(itemElems).each(function() {
118 $(this).addClass('hidden'); 118 if (index >= counter) {
119 } 119 $(this).addClass('hidden');
120 index++; 120 }
121 }); 121 index++;
122 console.log('updateFilterCounts'); 122 });
123 console.log(index); 123 console.log('updateFilterCounts');
124 if(index === 0){ 124 console.log(index);
125 125 if (index === 0) {
126 $("#load-more").hide(); 126
127 127 $("#load-more").hide();
128 }else{ 128
129 $("#load-more").show(); 129 } else {
130 130 $("#load-more").show();
131 } 131
132 $grid.isotope('layout'); 132 }
133 133 $grid.isotope('layout');
134 } 134
135 135 }
136 136
137 137
138 138
139 //**************************** 139
140 // Isotope Load more button 140 //****************************
141 //**************************** 141 // Isotope Load more button
142 142 //****************************
143 var initShow = 3; //number of images loaded on init & onclick load more button 143
144 var counter = initShow; //counter for load more button 144 var initShow = 3; //number of images loaded on init & onclick load more button
145 var iso = $grid.data('isotope'); // get Isotope instance 145 var counter = initShow; //counter for load more button
146 console.log('iso'); 146 var iso = $grid.data('isotope'); // get Isotope instance
147 console.log(iso); 147 console.log('iso');
148 console.log(iso.elemCount); 148 console.log(iso);
149 149 console.log(iso.elemCount);
150 loadMore(initShow); //execute function onload 150
151 151 loadMore(initShow); //execute function onload
152 function loadMore(toShow) { 152
153 153 function loadMore(toShow) {
154 $grid.find(".hidden").removeClass("hidden"); 154
155 155 $grid.find(".hidden").removeClass("hidden");
156 var hiddenElems = iso.filteredItems.slice(toShow, iso.filteredItems.length).map(function(item) { 156
157 console.log('hiddenElem'); 157 var hiddenElems = iso.filteredItems.slice(toShow, iso.filteredItems.length).map(function(item) {
158 console.log(item.element); 158 console.log('hiddenElem');
159 return item.element; 159 console.log(item.element);
160 }); 160 return item.element;
161 $(hiddenElems).addClass('hidden'); 161 });
162 $grid.isotope('layout'); 162 $(hiddenElems).addClass('hidden');
163 163 $grid.isotope('layout');
164 //when no more to load, hide show more button 164
165 if (hiddenElems.length == 0) { 165 //when no more to load, hide show more button
166 $("#load-more").hide(); 166 if (hiddenElems.length == 0) {
167 } else { 167 $("#load-more").hide();
168 $("#load-more").show(); 168 } else {
169 }; 169 $("#load-more").show();
170 170 };
171 } 171
172 172 }
173 173
174 //append load more button 174
175 $grid.after('<div class="view-plan"><a class="btn" href="#" id="load-more">LOAD MORE programs</a></div>'); 175 //append load more button
176 176 $grid.after('<div class="view-plan"><a class="btn" href="#" id="load-more">LOAD MORE programs</a></div>');
177 //when load more button clicked 177
178 $(document).on("click", "#load-more", function(e) { 178 //when load more button clicked
179 e.preventDefault(); 179 $(document).on("click", "#load-more", function(e) {
180 180 e.preventDefault();
181 if ($('#filters').data('clicked')) { 181
182 //when filter button clicked, set initial value for counter 182 if ($('#filters').data('clicked')) {
183 counter = initShow; 183 //when filter button clicked, set initial value for counter
184 j$('#filters').data('clicked', false); 184 counter = initShow;
185 } else { 185 j$('#filters').data('clicked', false);
186 counter = counter; 186 } else {
187 }; 187 counter = counter;
188 188 };
189 counter = counter + initShow; 189
190 190 counter = counter + initShow;
191 loadMore(counter); 191
192 }); 192 loadMore(counter);
193 193 });
194 194
195 195 });
196
197
198 });
...\ No newline at end of file ...\ No newline at end of file
......
1 jQuery(document).ready(function($) {
1 2
3 if (!$('#resources').length) {
4 return;
5 }
2 6
3 jQuery( document ).ready(function($) { 7 var myTable = $('#resources').DataTable({
8 "pageLength": 10,
9 "searchable": false,
10 "paging": true,
11 "info": false,
12 "dom": '<"top"<"clear">p<"clear">>rt<"bottom"<"clear">p<"clear">>'
13
14 });
4 15
5 if(!$('#resources').length){
6 return;
7 }
8 16
9 var myTable = $('#resources').DataTable({ 17 // use value of search field to filter
10 "pageLength": 10, 18 var $quicksearch = $('#quicksearch').keyup(function() {
11 "searchable": false, 19 console.log($quicksearch.val());
12 "paging": true, 20 $('#resources').DataTable().column(1).search($quicksearch.val()).draw();
13 "info": false, 21 });
14 "dom": '<"top"<"clear">p<"clear">>rt<"bottom"<"clear">p<"clear">>'
15 22
16 });
17 23
18 24
19 // use value of search field to filter
20 var $quicksearch = $('#quicksearch').keyup( function() {
21 console.log($quicksearch.val());
22 $('#resources').DataTable().column(1).search($quicksearch.val()).draw();
23 });
24 25
26 // filter with selects and checkboxes
27 var $checkboxes = $('.category-filter input');
28 var filterValue;
25 29
30 $checkboxes.change(function() {
31 // map input values to an array
32 var inclusives = [];
33 // inclusive filters from checkboxes
34 $checkboxes.each(function(i, elem) {
35 // if checkbox, use value if checked
36 if (elem.checked) {
37 inclusives.push(elem.value);
38 }
39 });
40
41 // combine inclusive filters
42 filterValue = inclusives.length ? inclusives.join(', ') : '';
43 $('#resources').DataTable().column(2).search(filterValue).draw();
44 });
26 45
46 // filter with selects and checkboxes
47 var $typecheckboxes = $('.category-type input');
48 var typeFilterValue;
49
50 $typecheckboxes.change(function() {
51 // map input values to an array
52 var inclusives = [];
53 // inclusive filters from checkboxes
54 $typecheckboxes.each(function(i, elem) {
55 // if checkbox, use value if checked
56 if (elem.checked) {
57 inclusives.push(elem.value);
58 }
59 });
60
61 // combine inclusive filters
62 typeFilterValue = inclusives.length ? inclusives.join(', ') : '';
63 $('#resources').DataTable().column(0).search(typeFilterValue).draw();
64 });
65
66
67 $('.sort-button-group').on('click', 'button', function() {
68 var sortValue = $(this).attr('data-sort-value');
69 var direction = $(this).attr('data-sort-direction');
70 var isAscending = (direction == 'asc');
71 var newDirection = (isAscending) ? 'desc' : 'asc';
72 console.log(sortValue);
73 console.log(isAscending);
74 $(this).attr('data-sort-direction', newDirection);
75 var span = $(this).find('.glyphicon');
76 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
77 myTable.order([sortValue, newDirection]).draw();
78 });
27 79
28 80
29 // filter with selects and checkboxes
30 var $checkboxes = $('.category-filter input');
31 var filterValue;
32 81
33 $checkboxes.change( function() { 82 $(document).on("click", "#filter-more", function(e) {
34 // map input values to an array 83 e.preventDefault();
35 var inclusives = []; 84 $('.filter-group').toggleClass('open');
36 // inclusive filters from checkboxes 85 var span = $(this).find('.glyphicon');
37 $checkboxes.each( function( i, elem ) { 86 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
38 // if checkbox, use value if checked
39 if ( elem.checked ) {
40 inclusives.push( elem.value );
41 }
42 }); 87 });
43 88
44 // combine inclusive filters
45 filterValue = inclusives.length ? inclusives.join(', ') : '';
46 $('#resources').DataTable().column(2).search(filterValue).draw();
47 });
48
49 // filter with selects and checkboxes
50 var $typecheckboxes = $('.category-type input');
51 var typeFilterValue;
52
53 $typecheckboxes.change( function() {
54 // map input values to an array
55 var inclusives = [];
56 // inclusive filters from checkboxes
57 $typecheckboxes.each( function( i, elem ) {
58 // if checkbox, use value if checked
59 if ( elem.checked ) {
60 inclusives.push( elem.value );
61 }
62 });
63
64 // combine inclusive filters
65 typeFilterValue = inclusives.length ? inclusives.join(', ') : '';
66 $('#resources').DataTable().column(0).search(typeFilterValue).draw();
67 });
68
69
70 $('.sort-button-group').on( 'click', 'button', function() {
71 var sortValue = $(this).attr('data-sort-value');
72 var direction = $(this).attr('data-sort-direction');
73 var isAscending = (direction == 'asc');
74 var newDirection = (isAscending) ? 'desc' : 'asc';
75 console.log(sortValue);
76 console.log(isAscending);
77 $(this).attr('data-sort-direction', newDirection);
78 var span = $(this).find('.glyphicon');
79 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
80 myTable.order([sortValue, newDirection]).draw();
81 });
82
83
84
85 $(document).on("click", "#filter-more", function(e) {
86 e.preventDefault();
87 $('.filter-group').toggleClass('open');
88 var span = $(this).find('.glyphicon');
89 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
90 });
91
92 });
...\ No newline at end of file ...\ No newline at end of file
89 });
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -13,7 +13,7 @@ import "./_resources_list"; ...@@ -13,7 +13,7 @@ import "./_resources_list";
13 13
14 var a = document.querySelector('.blur-image'); 14 var a = document.querySelector('.blur-image');
15 15
16 document.addEventListener("DOMContentLoaded", function () { 16 document.addEventListener("DOMContentLoaded", function() {
17 if (!a) return !1; 17 if (!a) return !1;
18 var b = a.getAttribute("data-src"), 18 var b = a.getAttribute("data-src"),
19 c = document.querySelector('.full-image'), 19 c = document.querySelector('.full-image'),
...@@ -21,7 +21,7 @@ document.addEventListener("DOMContentLoaded", function () { ...@@ -21,7 +21,7 @@ document.addEventListener("DOMContentLoaded", function () {
21 21
22 img.src = b; 22 img.src = b;
23 23
24 img.onload = function () { 24 img.onload = function() {
25 25
26 c.classList.add('image-loaded'), 26 c.classList.add('image-loaded'),
27 c.style.backgroundImage = 'url(' + b + ')'; 27 c.style.backgroundImage = 'url(' + b + ')';
...@@ -29,38 +29,38 @@ document.addEventListener("DOMContentLoaded", function () { ...@@ -29,38 +29,38 @@ document.addEventListener("DOMContentLoaded", function () {
29 }); 29 });
30 30
31 31
32 document.addEventListener("DOMContentLoaded", function(){ 32 document.addEventListener("DOMContentLoaded", function() {
33 window.addEventListener('scroll', function() { 33 window.addEventListener('scroll', function() {
34 if (window.scrollY > 57) { 34 if (window.scrollY > 57) {
35 document.getElementById('main-nav').classList.add('fixed-top'); 35 document.getElementById('main-nav').classList.add('fixed-top');
36 } else { 36 } else {
37 document.getElementById('main-nav').classList.remove('fixed-top'); 37 document.getElementById('main-nav').classList.remove('fixed-top');
38 } 38 }
39 }); 39 });
40 }); 40 });
41 41
42 //Get the button 42 //Get the button
43 let mybutton = document.getElementById("btn-back-to-top"); 43 let mybutton = document.getElementById("btn-back-to-top");
44 44
45 // When the user scrolls down 20px from the top of the document, show the button 45 // When the user scrolls down 20px from the top of the document, show the button
46 window.onscroll = function () { 46 window.onscroll = function() {
47 scrollFunction(); 47 scrollFunction();
48 }; 48 };
49 49
50 function scrollFunction() { 50 function scrollFunction() {
51 if ( 51 if (
52 document.body.scrollTop > 20 || 52 document.body.scrollTop > 20 ||
53 document.documentElement.scrollTop > 20 53 document.documentElement.scrollTop > 20
54 ) { 54 ) {
55 mybutton.style.display = "block"; 55 mybutton.style.display = "block";
56 } else { 56 } else {
57 mybutton.style.display = "none"; 57 mybutton.style.display = "none";
58 } 58 }
59 } 59 }
60 // When the user clicks on the button, scroll to the top of the document 60 // When the user clicks on the button, scroll to the top of the document
61 mybutton.addEventListener("click", backToTop); 61 mybutton.addEventListener("click", backToTop);
62 62
63 function backToTop() { 63 function backToTop() {
64 document.body.scrollTop = 0; 64 document.body.scrollTop = 0;
65 document.documentElement.scrollTop = 0; 65 document.documentElement.scrollTop = 0;
66 } 66 }
...\ No newline at end of file ...\ No newline at end of file
......
1 .swiper-pagination-bullet{ 1 .swiper-pagination-bullet {
2 background: #fff !important; 2 background: #fff !important;
3 border: 2px solid #2C2C2C !important; 3 border: 2px solid #2c2c2c !important;
4 height: 13px !important; 4 height: 13px !important;
5 width: 13px !important; 5 width: 13px !important;
6 opacity:1 !important; 6 opacity: 1 !important;
7 } 7 }
8 .swiper-pagination-bullet-active{ 8 .swiper-pagination-bullet-active {
9 background: #3F9C35 !important; 9 background: #3f9c35 !important;
10 border: 2px solid #3F9C35 !important; 10 border: 2px solid #3f9c35 !important;
11 11 }
12 } 12
13 13 // carousel css
14 // carousel css 14 .carousel:not(.is-admin) {
15 .carousel:not(.is-admin){
16 background-color: transparent !important; 15 background-color: transparent !important;
17 left: -20px; 16 left: -20px;
18 width: 100vw; 17 width: 100vw;
19 margin-top: 30px; 18 margin-top: 30px;
20 margin-bottom: 30px; 19 margin-bottom: 30px;
21 } 20 }
22 21
23 22 .carousel-items {
24 23 list-style: none;
25 .carousel-items{ 24 margin-block-start: 0em;
26 list-style: none; 25 margin-block-end: 0em;
27 margin-block-start: 0em; 26 margin-inline-start: 0px;
28 margin-block-end: 0em; 27 margin-inline-end: 0px;
29 margin-inline-start: 0px; 28 padding-inline-start: 20px;
30 margin-inline-end: 0px; 29 background-color: transparent !important;
31 padding-inline-start: 20px; 30 @media only screen and (max-width: 600px) {
32 background-color: transparent !important; 31 padding-inline-start: 0px;
33 @media only screen and (max-width: 600px) { 32 }
34 padding-inline-start: 0px; 33 }
35 } 34
36 35 .swiper-button-next.swiper-button-disabled,
37 } 36 .swiper-button-prev.swiper-button-disabled {
38
39 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
40 pointer-events: all !important; 37 pointer-events: all !important;
41 } 38 }
42 39
43 .carousel-items.slick-initialized.slick-slider { 40 .carousel-items.slick-initialized.slick-slider {
44 margin-right:15px; //for the scroll bar 41 margin-right: 15px; //for the scroll bar
45 } 42 }
46 43
47 44 .carousel {
48 .carousel { 45 width: 100vw;
49 width:100vw; 46 margin-left: calc((100% - 100vw) / 2);
50 margin-left:calc((100% - 100vw) / 2);
51 @media only screen and (max-width: 600px) { 47 @media only screen and (max-width: 600px) {
52 width:95%; 48 width: 95%;
53 margin-left:0px; 49 margin-left: 0px;
54 } 50 }
55 left:0 !important; 51 left: 0 !important;
56 min-height: 340px!important; 52 min-height: 340px !important;
57 .swiper-button-next { 53 .swiper-button-next {
58 right:8px !important; 54 right: 8px !important;
59 } 55 }
60 .swiper-button-prev { 56 .swiper-button-prev {
61 left:7px !important; 57 left: 7px !important;
62 @media only screen and (max-width: 600px) { 58 @media only screen and (max-width: 600px) {
63 left:-5px !important; 59 left: -5px !important;
64 } 60 }
65 } 61 }
66 .swiper-pagination{ 62 .swiper-pagination {
67 bottom: -20px !important; 63 bottom: -20px !important;
68 } 64 }
69 .carousel-items { 65 .carousel-items {
70 margin-left:1.75rem; 66 margin-left: 1.75rem;
71 } 67 }
72 .swiper-wrapper { 68 .swiper-wrapper {
73 gap: 1rem; 69 gap: 1rem;
74 }
75 }
76
77 // testimonials carousel css
78 .testimonials-carousel{
79 @media only screen and (max-width: 600px) {
80 margin-left: 0px !important;
81 } 70 }
82 .swiper-slide{ 71 }
83 width:890px !important; 72
73 // testimonials carousel css
74 .testimonials-carousel {
84 @media only screen and (max-width: 600px) { 75 @media only screen and (max-width: 600px) {
85 width:98% !important; 76 margin-left: 0px !important;
86 } 77 }
87 .testimonials{ 78 .swiper-slide {
88 width:890px; 79 width: 890px !important;
89 background:#E5F2F8; 80 @media only screen and (max-width: 600px) {
81 width: 98% !important;
82 }
83 .testimonials {
84 width: 890px;
85 background: #e5f2f8;
90 border-radius: 25px 25px 0px 0px; 86 border-radius: 25px 25px 0px 0px;
91 margin-right: 20px; 87 margin-right: 20px;
92 @media only screen and (max-width: 600px) { 88 @media only screen and (max-width: 600px) {
93 width:98%; 89 width: 98%;
94 margin-right: 0px; 90 margin-right: 0px;
95 } 91 }
96 .row{ 92 .row {
97 margin-right: 0rem !important; 93 margin-right: 0rem !important;
98 border-bottom:20px solid #FFA300; 94 border-bottom: 20px solid #ffa300;
99 margin-left: -15px !important; 95 margin-left: -15px !important;
100 min-height:316px !important; 96 min-height: 316px !important;
101 @media only screen and (max-width: 600px) { 97 @media only screen and (max-width: 600px) {
102 margin-left: 0px !important; 98 margin-left: 0px !important;
103 } 99 }
104 100 }
105 } 101
106
107 .col-md-1 { 102 .col-md-1 {
108 background-size: cover; 103 background-size: cover;
109 @media only screen and (max-width: 600px) { 104 @media only screen and (max-width: 600px) {
110 padding-left: 0px; 105 padding-left: 0px;
111 } 106 }
112 } 107 }
113 .testimonial-text{ 108 .testimonial-text {
114 padding: 30px 50px; 109 padding: 30px 50px;
115 } 110 }
116 111
117 p{ 112 p {
118 font-size: 16px !important; 113 font-size: 16px !important;
119 line-height:24px !important; 114 line-height: 24px !important;
120 color: #2C2C2C; 115 color: #2c2c2c;
121 } 116 }
122 117
123 .testimonials_image{ 118 .testimonials_image {
124 width: 100%; 119 width: 100%;
125 120 }
126 } 121 }
127 } 122 }
128 } 123
129 124 .swiper-slide:nth-of-type(2) {
130 .swiper-slide:nth-of-type(2){ 125 .testimonials {
131 .testimonials{ 126 .row {
132 .row{ 127 border-bottom: 20px solid #3f9c35;
133 border-bottom:20px solid #3F9C35; 128 }
134 } 129 }
135 } 130 .promo-img img {
136 .promo-img img{ 131 border-bottom: 20px solid #3f9c35;
137 border-bottom:20px solid #3F9C35; 132 }
138 } 133 }
139 } 134 .swiper-slide:nth-of-type(3) {
140 .swiper-slide:nth-of-type(3){ 135 .testimonials {
141 .testimonials{ 136 .row {
142 .row{ 137 border-bottom: 20px solid #0484b8;
143 border-bottom:20px solid #0484B8; 138 }
144 } 139 }
145 } 140 .promo-img img {
146 .promo-img img{ 141 border-bottom: 20px solid #0484b8;
147 border-bottom:20px solid #0484B8; 142 }
148 } 143 }
149 } 144 .swiper-slide:nth-of-type(4) {
150 .swiper-slide:nth-of-type(4){ 145 .testimonials {
151 .testimonials{ 146 .row {
152 .row{ 147 border-bottom: 20px solid #e04e39;
153 border-bottom:20px solid #E04E39; 148 }
154 } 149 }
155 } 150 .promo-img img {
156 .promo-img img{ 151 border-bottom: 20px solid #e04e39;
157 border-bottom:20px solid #E04E39; 152 }
158 } 153 }
159 } 154 }
160 155
161 156 .promo-carousel {
162 157 width: 100% !important;
163 158 margin-left: 0px !important;
164 }
165
166
167 .promo-carousel{
168 width:100% !important;
169 margin-left:0px !important;
170 position: relative; 159 position: relative;
171 @media only screen and (min-width:1400px) { 160 @media only screen and (min-width: 1400px) {
172 max-width: 100% !important; 161 max-width: 100% !important;
173 } 162 }
174 .swiper-slide{ 163 .swiper-slide {
175 margin-left:0px !important; 164 margin-left: 0px !important;
176 max-width: 100% !important; 165 max-width: 100% !important;
177 @media only screen and (min-width:1400px) { 166 @media only screen and (min-width: 1400px) {
178 width:100% !important; 167 width: 100% !important;
179 } 168 }
180 .promo-img{ 169 .promo-img {
181 max-height: 264px; 170 max-height: 264px;
182 max-width: 372px; 171 max-width: 372px;
183 overflow: hidden; 172 overflow: hidden;
184 border-bottom:20px solid #FFA300; 173 border-bottom: 20px solid #ffa300;
174 }
175 .promo-img img {
176 max-width: 372px;
177 border-radius: 25px 25px 0px 0px;
178 }
179 .promo.row {
180 width: 100%;
181 border-top: 1px solid #ffa300;
182 border-bottom: 1px solid #ffa300;
183 @media only screen and (min-width: 1400px) {
184 max-width: 1344px;
185 } 185 }
186 .promo-img img{ 186 @media only screen and (max-width: 600px) {
187 max-width: 372px; 187 width: 80%;
188 border-radius: 25px 25px 0px 0px;
189
190 } 188 }
191 .promo.row{ 189 margin: 40px auto;
192 width:100%; 190 padding: 50px 0px;
193 border-top:1px solid #FFA300; 191 }
194 border-bottom:1px solid #FFA300; 192 .promo_content {
195 @media only screen and (min-width:1400px) { 193 max-width: 760px;
196 max-width: 1344px; 194 h3 {
197 } 195 font-size: 22px;
198 @media only screen and (max-width: 600px) { 196 line-height: 33px;
199 width:80%;
200 }
201 margin: 40px auto;
202 padding: 50px 0px;
203
204 } 197 }
205 .promo_content{ 198 p {
206 max-width: 760px; 199 font-size: 16px;
207 h3{ 200 line-height: 22px;
208 font-size: 22px;
209 line-height: 33px;
210 }
211 p{
212 font-size: 16px;
213 line-height: 22px;
214 }
215 } 201 }
202 }
216 } 203 }
217 .swiper-button-next { 204 .swiper-button-next {
218 right:30px !important; 205 right: 30px !important;
219 } 206 }
220 .swiper-button-prev { 207 .swiper-button-prev {
221 left:7px !important; 208 left: 7px !important;
222 } 209 }
223 .swiper-pagination{ 210 .swiper-pagination {
224 bottom: 65px !important; 211 bottom: 65px !important;
225 } 212 }
226
227
228 .swiper-slide:nth-of-type(2){
229 .promo-img {
230 border-bottom:20px solid #3F9C35;
231 }
232 }
233 .swiper-slide:nth-of-type(3){
234 .promo-img {
235 border-bottom:20px solid #0484B8;
236 }
237 }
238 .swiper-slide:nth-of-type(4){
239 .promo-img {
240 border-bottom:20px solid #E04E39;
241 }
242 }
243 }
...\ No newline at end of file ...\ No newline at end of file
213
214 .swiper-slide:nth-of-type(2) {
215 .promo-img {
216 border-bottom: 20px solid #3f9c35;
217 }
218 }
219 .swiper-slide:nth-of-type(3) {
220 .promo-img {
221 border-bottom: 20px solid #0484b8;
222 }
223 }
224 .swiper-slide:nth-of-type(4) {
225 .promo-img {
226 border-bottom: 20px solid #e04e39;
227 }
228 }
229 }
230
...\ No newline at end of file ...\ No newline at end of file
......
1 .type-sfwd-courses{ 1 .type-sfwd-courses {
2 margin-top: 30px; 2 margin-top: 30px;
3 } 3 }
4 4
5 5 .program-info {
6 6 background: #ffffff 0% 0% no-repeat padding-box;
7 .program-info{
8 background: #FFFFFF 0% 0% no-repeat padding-box;
9 box-shadow: 0px 3px 6px #00000029; 7 box-shadow: 0px 3px 6px #00000029;
10 8
11 max-width: 531px; 9 max-width: 531px;
12 #program-info{ 10 #program-info {
13 11 .nav-item {
14 .nav-item{ 12 width: 50%;
15 width: 50%; 13 border: 0px solid #ccc;
16 border: 0px solid #ccc; 14 .nav-link {
17 .nav-link{ 15 width: 100%;
18 width: 100%; 16 border-radius: 0px;
19 border-radius: 0px; 17 background-color: #0081bc;
20 background-color: #0081BC; 18 color: #ffffff;
21 color: #FFFFFF; 19 border: 0px solid #ccc;
22 border: 0px solid #ccc; 20 font-size: 18px;
23 font-size: 18px; 21 padding: 20px 20px;
24 padding: 20px 20px; 22 font-family: "Poppins", sans-serif;
25 font-family: 'Poppins', sans-serif;
26 }
27 .nav-link.active{
28 background-color:#FFFFFF;
29 color: #0081BC;
30 }
31 } 23 }
24 .nav-link.active {
25 background-color: #ffffff;
26 color: #0081bc;
27 }
28 }
32 } 29 }
33 #program-info-content{ 30 #program-info-content {
34 padding:20px 40px 40px 40px; 31 padding: 20px 40px 40px 40px;
35 table{ 32 table {
36 width: 100%; 33 width: 100%;
37 tr{ 34 tr {
38 th{ 35 th {
39 width: 33%; 36 width: 33%;
40 font-size: 18px; 37 font-size: 18px;
41 color: #0081BC; 38 color: #0081bc;
42 font-family: 'Poppins', sans-serif; 39 font-family: "Poppins", sans-serif;
43 } 40 }
44 } 41 }
45 tr:not(.not){ 42 tr:not(.not) {
46 border-bottom:1px solid #FFA300; 43 border-bottom: 1px solid #ffa300;
47 td{ 44 td {
48 font-size: 16px; 45 font-size: 16px;
49 padding: 10px 0px; 46 padding: 10px 0px;
50 } 47 }
51 } 48 }
52 } 49 }
53 } 50 }
54 } 51 }
55 .outcomes{ 52 .outcomes {
56 margin: 70px 0px; 53 margin: 70px 0px;
57 .outcome{ 54 .outcome {
58 width: 100%; 55 width: 100%;
59 min-height: 227px; 56 min-height: 227px;
60 background-color: #E2F2F9; 57 background-color: #e2f2f9;
61 padding:25px 25px 25px 15px; 58 padding: 25px 25px 25px 15px;
62 border-radius: 25px 25px 0px 0px; 59 border-radius: 25px 25px 0px 0px;
63 border-bottom: 22px solid #FFA300; 60 border-bottom: 22px solid #ffa300;
64 font-size: 16px; 61 font-size: 16px;
65 line-height: 24px; 62 line-height: 24px;
66 } 63 }
67 .col-out{ 64 .col-out {
68 @media only screen and (max-width: 600px) { 65 @media only screen and (max-width: 600px) {
69 margin-top: 20px; 66 margin-top: 20px;
70 } 67 }
71 } 68 }
72 .col-out:nth-of-type(2) .outcome{ 69 .col-out:nth-of-type(2) .outcome {
73 border-bottom: 22px solid #3F9C35; 70 border-bottom: 22px solid #3f9c35;
74 } 71 }
75 .col-out:nth-of-type(3) .outcome{ 72 .col-out:nth-of-type(3) .outcome {
76 border-bottom: 22px solid #0484B8; 73 border-bottom: 22px solid #0484b8;
77 } 74 }
78 .col-out:nth-of-type(4) .outcome{ 75 .col-out:nth-of-type(4) .outcome {
79 border-bottom: 22px solid #E04E39; 76 border-bottom: 22px solid #e04e39;
80 } 77 }
81 78 }
82 } 79
83
...\ No newline at end of file ...\ No newline at end of file
......
1 .pre-header{ 1 .pre-header {
2 background-color: #0484B8; 2 background-color: #0484b8;
3 color:#fff; 3 color: #fff;
4 height: 57px; 4 height: 57px;
5 display: flex; 5 display: flex;
6 .sponsored{ 6 .sponsored {
7 text-align: right; 7 text-align: right;
8 .logo{ 8 .logo {
9 width: 149px; 9 width: 149px;
10 margin-left: 30px; 10 margin-left: 30px;
11 } 11 }
12 } 12 }
13 } 13 }
14 #main-nav{ 14 #main-nav {
15 background-color: #fff; 15 background-color: #fff;
16 height: 128px; 16 height: 128px;
17 transition: 0.4s; 17 transition: 0.4s;
18 .custom-logo-link { 18 .custom-logo-link {
19 margin-left: 0px; 19 margin-left: 0px;
20 img{ 20 img {
21 transition: 0.4s; 21 transition: 0.4s;
22 width: 349px; 22 width: 349px;
23 } 23 }
24 } 24 }
25 .navbar-nav.sign-up{ 25 .navbar-nav.sign-up {
26 margin-bottom: 20px; 26 margin-bottom: 20px;
27 } 27 }
28 #login-menu{ 28 #login-menu {
29 transition: 0.4s; 29 transition: 0.4s;
30 position: relative; 30 position: relative;
31 a{ 31 a {
32 font-size: 14px; 32 font-size: 14px;
33 color: #0484B8; 33 color: #0484b8;
34 margin-left: 20px; 34 margin-left: 20px;
35 text-align: center; 35 text-align: center;
36 36 }
37 a:hover {
38 color: #2c2c2c;
39 text-decoration: underline;
40 }
41 .sign-up {
42 a {
43 margin-left: 10px;
37 } 44 }
38 a:hover{ 45 }
39 color: #2C2C2C; 46 .log-in-button {
40 text-decoration: underline; 47 background-color: #0484b8;
48 margin-left: 20px;
49 a {
50 font-size: 14px;
51 color: #fff;
52 padding: 7px 25px;
53 margin-left: 0px;
41 } 54 }
42 .sign-up{ 55 a:hover {
43 a{ 56 text-decoration: none !important;
44 margin-left: 10px;
45 }
46 }
47 .log-in-button{
48 background-color: #0484B8;
49 margin-left: 20px;
50 a{
51 font-size: 14px;
52 color: #fff;
53 padding: 7px 25px;
54 margin-left: 0px;
55 }
56 a:hover{
57 text-decoration: none !important;
58 }
59 }
60 .log-in-button:hover{
61 background-color: #2C2C2C;
62
63 } 57 }
58 }
59 .log-in-button:hover {
60 background-color: #2c2c2c;
61 }
64 } 62 }
65 63
66 #main-menu{ 64 #main-menu {
67 transition: 0.4s; 65 transition: 0.4s;
68 position: relative; 66 position: relative;
69 top: unset; 67 top: unset;
70 a{ 68 a {
71 font-size: 18px; 69 font-size: 18px;
72 font-weight: bold; 70 font-weight: bold;
73 color: #0484B8; 71 color: #0484b8;
74 } 72 }
75 a:hover{ 73 a:hover {
76 color: #2C2C2C; 74 color: #2c2c2c;
77 text-decoration: underline; 75 text-decoration: underline;
78 } 76 }
79 } 77 }
80 } 78 }
81 79
82 .admin-bar .fixed-top{ 80 .admin-bar .fixed-top {
83 top: 32px; 81 top: 32px;
84 } 82 }
85 83
86 #main-nav.fixed-top{ 84 #main-nav.fixed-top {
87 height: 80px !important; 85 height: 80px !important;
88 #main-menu{ 86 #main-menu {
89 top: -20px; 87 top: -20px;
88 }
89 #login-menu {
90 top: -60px;
90 } 91 }
91 #login-menu{ 92 .custom-logo-link img {
92 top: -60px; 93 width: 240px !important;
93 } 94 }
94 .custom-logo-link img{ 95 }
95 width: 240px !important; 96
96 } 97 .hero-container {
97 }
98
99 .hero-container {
100 background-position: top right; 98 background-position: top right;
101 background-size: cover; 99 background-size: cover;
102 width: 100%; 100 width: 100%;
103 background-color: #ccc; 101 background-color: #ccc;
104 height: 530px; 102 height: 530px;
105 103 }
106 } 104
107 105 .header-section,
108 106 .full-image,
109 .header-section, 107 .image-loaded {
110 .full-image,
111 .image-loaded {
112 height: 530px; 108 height: 530px;
113 background-position: top right; 109 background-position: top right;
114 background-size: cover; 110 background-size: cover;
115 width: 100%; 111 width: 100%;
116 position: relative; 112 position: relative;
117 113 }
118 } 114 .full-image::after {
119 .full-image::after{
120 content: ""; 115 content: "";
121 display: block; 116 display: block;
122 position: absolute; 117 position: absolute;
...@@ -125,66 +120,63 @@ ...@@ -125,66 +120,63 @@
125 right: 0px; 120 right: 0px;
126 width: 200px; 121 width: 200px;
127 height: 200px; 122 height: 200px;
128 background-image:url('../images/logo-border.png'); 123 background-image: url("../images/logo-border.png");
129 } 124 }
130 125
131 .hero-content{ 126 .hero-content {
132 width: 60%; 127 width: 60%;
133 height: 520px; 128 height: 520px;
134 h1{ 129 h1 {
135 color: #fff; 130 color: #fff;
136 margin-bottom: 10px; 131 margin-bottom: 10px;
137 } 132 }
138 p{ 133 p {
139 color: #fff; 134 color: #fff;
140 font-size: 20px; 135 font-size: 20px;
141 line-height: 28px; 136 line-height: 28px;
142 margin-bottom: 25px; 137 margin-bottom: 25px;
143 } 138 }
144 a{ 139 a {
145 padding: 12px 30px; 140 padding: 12px 30px;
146 background-color: #E8D44B; 141 background-color: #e8d44b;
147 color: #2C2C2C; 142 color: #2c2c2c;
148 font-size: 18px; 143 font-size: 18px;
149 line-height: 24px; 144 line-height: 24px;
150 text-decoration: none; 145 text-decoration: none;
151 text-transform: uppercase; 146 text-transform: uppercase;
152 } 147 }
153 a:hover{ 148 a:hover {
154 color: #2C2C2C; 149 color: #2c2c2c;
155 background-color:#fff; 150 background-color: #fff;
156 151 }
157 } 152 }
158 153
159 } 154 #btn-back-to-top {
160
161 #btn-back-to-top {
162 position: fixed; 155 position: fixed;
163 bottom: 20px; 156 bottom: 20px;
164 right: 0px; 157 right: 0px;
165 width: 43px; 158 width: 43px;
166 height: 43px; 159 height: 43px;
167 display: none; 160 display: none;
168 background-color: #0484B8; 161 background-color: #0484b8;
169 padding: 5px; 162 padding: 5px;
170 border-radius: 0px; 163 border-radius: 0px;
171 background-size:22px; 164 background-size: 22px;
172 background-position: center; 165 background-position: center;
173 background-repeat: no-repeat; 166 background-repeat: no-repeat;
174 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.024' height='23.545' viewBox='0 0 23.024 23.545'%3E%3Cg id='Group_1373' data-name='Group 1373' transform='translate(0 1.5)'%3E%3Cline id='Line_15' data-name='Line 15' y1='15.007' transform='translate(11.512 7.038)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cpath id='Path_1388' data-name='Path 1388' d='M3331.593 12517.547h23.024' transform='translate(-3331.593 -12517.547)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cpath id='Path_1389' data-name='Path 1389' d='M3279.832 12508.2l8.216-8.217 8.216 8.217' transform='translate(-3276.535 -12494.895)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E"); 167 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.024' height='23.545' viewBox='0 0 23.024 23.545'%3E%3Cg id='Group_1373' data-name='Group 1373' transform='translate(0 1.5)'%3E%3Cline id='Line_15' data-name='Line 15' y1='15.007' transform='translate(11.512 7.038)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cpath id='Path_1388' data-name='Path 1388' d='M3331.593 12517.547h23.024' transform='translate(-3331.593 -12517.547)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cpath id='Path_1389' data-name='Path 1389' d='M3279.832 12508.2l8.216-8.217 8.216 8.217' transform='translate(-3276.535 -12494.895)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
175 z-index: 999; 168 z-index: 999;
176 } 169 }
177
178 #btn-back-to-top:hover{
179 170
180 background-color:#000; 171 #btn-back-to-top:hover {
181 172 background-color: #000;
182 } 173 }
183 174
184 .search-button a{ 175 .search-button a {
185 text-indent: 99999px; 176 text-indent: 99999px;
186 background-repeat: no-repeat; 177 background-repeat: no-repeat;
187 width: 35px; 178 width: 35px;
188 height: 35px; 179 height: 35px;
189 background-image: url("data:image/svg+xml,%3Csvg id='Component_33_1' data-name='Component 33 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='17.5' cy='17.5' r='17.5' fill='%230484b8'/%3E%3Cg id='Group_1454' data-name='Group 1454' transform='translate(-1077.417 -15.667)'%3E%3Ccircle id='Ellipse_7' data-name='Ellipse 7' cx='6.701' cy='6.701' r='6.701' transform='translate(1086.75 25)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cline id='Line_39' data-name='Line 39' x2='4.188' y2='4.188' transform='translate(1098.896 37.146)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E"); 180 background-image: url("data:image/svg+xml,%3Csvg id='Component_33_1' data-name='Component 33 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='17.5' cy='17.5' r='17.5' fill='%230484b8'/%3E%3Cg id='Group_1454' data-name='Group 1454' transform='translate(-1077.417 -15.667)'%3E%3Ccircle id='Ellipse_7' data-name='Ellipse 7' cx='6.701' cy='6.701' r='6.701' transform='translate(1086.75 25)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cline id='Line_39' data-name='Line 39' x2='4.188' y2='4.188' transform='translate(1098.896 37.146)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
190 }
...\ No newline at end of file ...\ No newline at end of file
181 }
182
...\ No newline at end of file ...\ No newline at end of file
......