(function(w,d,s,l,i){w.GAMeasurementID='G-WW31BJSVDM';w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','cpDataLayerGA4','GTM-K73C5PS'); var enableTelemetry = 'false' var aiConfig = { instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f' } var appInsights = window.appInsights || function (a) { function b(a) { c[a] = function () { var b = arguments; c.queue.push(function () { c[a].apply(c, b) }) } } var c = { config: a }, d = document, e = window; setTimeout(function () { var b = d.createElement('script'); b.src = a.url || 'https://js.monitor.azure.com/scripts/a/ai.0.js', d.getElementsByTagName('script')[0].parentNode.appendChild(b) }); try { c.cookie = d.cookie } catch (a) { } c.queue = []; for (var f = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Dependency']; f.length;)b('track' + f.pop()); if (b('setAuthenticatedUserContext'), b('clearAuthenticatedUserContext'), b('startTrackEvent'), b('stopTrackEvent'), b('startTrackPage'), b('stopTrackPage'), b('flush'), !a.disableExceptionTracking) { f = 'onerror', b('_' + f); var g = e[f]; e[f] = function (a, b, d, e, h) { var i = g && g(a, b, d, e, h); return !0 !== i && c['_' + f](a, b, d, e, h), i } } return c }(aiConfig); window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length; // Add telemetry initializer appInsights.queue.push(function() { appInsights.context.addTelemetryInitializer(function(envelope) { var telemetryItem = envelope.data.baseData; // To check the telemetry item’s type: if (!false) { //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that if (envelope.name.indexOf('.Event') == -1) return false; } }); }); appInsights.trackPageView(); function populateAntiForgery(token) { var input = document.createElement("input"); input.name = "__RequestVerificationToken"; input.type = "hidden"; input.value = token; var absPat = /^https?:\/\/|^\/\//i; var forms = document.getElementsByTagName("form"); for (var i = 0; i < forms.length; i++) { if (forms[i].method == "post" && !forms[i].querySelector('[name="__RequestVerificationToken"]') && !absPat.test(forms[i].getAttribute("action"))) { forms[i].appendChild(input.cloneNode()); } } } function getAntiForgeryToken(callback, error) { var xhr = new XMLHttpRequest(); xhr.open("GET", "/antiforgery"); xhr.addEventListener("load", function() { try { if (this.status !== 200) { throw Error("Invalid status. Could not retrieve antiforgery token."); } var obj = JSON.parse(this.responseText); callback(obj.token); } catch (e) { typeof error === "function" && error(e); } }); xhr.send(); } getAntiForgeryToken(function(token) { if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { populateAntiForgery(token); return; } document.addEventListener("DOMContentLoaded", function() { populateAntiForgery(token); }, false); }, console.error); window.departmentHeader = {}; window.pageSectionTracker = {}; window.isResponsiveEnabled = true; window.isRemoveSetHeights= false; if (window.isRemoveSetHeights) { document.documentElement.className += ' removeSetHeights'; } window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; window.isMobileBrowserIncludingTablets = false; window.fixedResponsiveMenu = false; window.fullWidthResponsiveMenu = false; window.responsiveMenuHeight = ''; window.responsiveMenuFontSize = ''; window.isContentAdvisor = false; (function () { window.setSizeCookie = function () { document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; if (screen && screen.width && screen.height) { document.cookie = "screenWidth=" + screen.width + "; path=/"; document.cookie = "screenHeight=" + screen.height + "; path=/"; } document.cookie = "responsiveGhost=1; path=/"; }; setSizeCookie(); }()); Agenda Center • Skokie, IL • CivicEngage <!-- var intCountryCode = 840; var externalSiteDialogHeight = '390px'; var order = ''; //--> window.Pages = window.Pages || {}; // FrontEnd RWD initialization window.Pages.rwdReady = $.Deferred(); window.Pages.toolBarDeferred = $.Deferred(); window.Pages.rwdSetupComplete = $.Deferred(); window.Pages.megaMenuLoaded = $.Deferred(); window.Pages.angularToolbarComplete = $.Deferred(); window.Pages.frontEndToolbarComplete = $.Deferred(); $(document).ready(function () { $('body').append('<div id="cpDatePickerWrapper" class="bottom leftEdge" style="position:absolute; width: 300px"></div>'); cp.datetimepicker.createDatePicker('#StartDatePicker', {format:'mm/dd/yyyy'}); cp.datetimepicker.createDatePicker('#EndDatePicker', { format: 'mm/dd/yyyy' }); $('#StartDatePicker').addClass('cpDatePickerElevate'); $('#EndDatePicker').addClass('cpDatePickerElevate'); $('.popoutContainer > a').click(function (e) { e.preventDefault(); }); todayDate = new Date(); $('#searchButton').click(function () { doSearch(); return false; }); $('#searchField').keypress(function (e) { if (e.which == 13 || e.keyCode == 13) { $('#searchButton').trigger('click'); } }); checkUncheckAllCategoriesCB(); $('#submittedIn').change(function () { updateSubmittedRangeDates(); return false; }); var match = RegExp('[?&]' + 'dateSelector' + '=([^&]*)') .exec(window.location.search); var dateRangeVal = null; if (match != null) dateRangeVal = decodeURIComponent(match[1].replace(/\+/g, ' ')); if (dateRangeVal != null) { switch (dateRangeVal) { case "": $('#timePeriod').html('<span>Time Period</span>'); break; case "1": $('#timePeriod').html('<span>Last Week</span>'); break; case "2": $('#timePeriod').html('<span>Last Month</span>'); break; case "3": $('#timePeriod').html('<span>Last 6 Months</span>'); break; case "4": $('#timePeriod').html('<span>Last Year</span>'); break; } } }); function checkUncheckAllCategoriesCB() { if ($('input:not(:checked)[name=chkCategoryID]').length == 0) attrOrProps($('#allCategories'), "checked", true); else removeAttrOrProps($('#allCategories'), "checked"); } function checkUncheckAll(checked) { var $cbs = $('input[name=chkCategoryID]'); if (checked) { $cbs.each(function () { $(this).prop('checked', true); }); } else { $cbs.each(function () { $(this).prop('checked', false); }); } } function doSearch() { var term = $('#searchField').val(); var startDate = $('#StartDatePicker').val(); var endDate = $('#EndDatePicker').val(); var dt = $('input[name=dateRange]').val(); var dateSelector = $('#submittedIn').val(); if (startDate!='' && endDate!='' && dt == '') dateSelector = ''; var $cbs = $('input:checked[name=chkCategoryID]'); var cids = ''; $cbs.each(function () { cids += $(this).val() + ','; }); if ($('#allCategories').is(':checked')) cids = 'all'; document.location = '/AgendaCenter/Search/?term=' + escape(term.trim()) + '&CIDs=' + cids.trim() + '&startDate=' + startDate + '&endDate=' + endDate + '&dateRange=' + dt + '&dateSelector=' + dateSelector; } function validSearchTerm(term) { return (term && term != null && term.trim() != '' && term.trim() != $('#searchField').attr('placeholder')); } function getDatePicker(id) { var datePicker = $('#' + id); return datePicker; } function updateSubmittedRangeDates() { var value = $('#submittedIn').val(); var myDate = new Date(); myDate.setFullYear(todayDate.getFullYear(), todayDate.getMonth(), todayDate.getDate()); if (value != '') { $(".submittedEnd").each(function () { getDatePicker($(this).attr('id')).val( myDate.getMonth()+1+"/"+myDate.getDate()+"/"+myDate.getFullYear()); }); } else $('input[name=EndDatePicker]').val(''); switch (value) { case "1": $('input[name=dateRange]').val('1 week'); myDate.setDate(myDate.getDate() - 7); break; case "2": $('input[name=dateRange]').val('1 month'); myDate.setMonth(myDate.getMonth() - 1); break; case "3": $('input[name=dateRange]').val('6 months'); myDate.setMonth(myDate.getMonth() - 6); break; case "4": $('input[name=dateRange]').val('1 year'); myDate.setMonth(myDate.getMonth() - 12); break; default: $('input[name=StartDatePicker]').val(''); } if (value != '') { $(".submittedStart").each(function () { getDatePicker($(this).attr('id')).val( myDate.getMonth()+1 + "/" + myDate.getDate() + "/" + myDate.getFullYear()); }); } } function changeDateRange(rangeVal, displayText) { $('#timePeriod').html('<span>' + displayText + '</span>'); $('#liTimePeriod').show(); $('#liTimePeriod a').attr("aria-hidden", "false"); $('#submittedIn').val(rangeVal); $('#dateRangePopup').hide(); $('#timePeriod').toggleClass('open'); updateSubmittedRangeDates(); } function displayDateRangePopup() { $('#dateRangePopup').toggle(); $('#dateRangePopup').toggleClass('open'); return false; } function resetDateDefaults() { $('#liTimePeriod').hide(); $('#liTimePeriod a').attr("aria-hidden", "true"); $('#timePeriod').html('<span>Time Period</span>'); $('input[name=StartDatePicker]').val(''); $('input[name=EndDatePicker]').val(''); $('#dateRangePopup').hide(); $('#timePeriod').toggleClass('open'); } window.onload = function () { document.onclick = function () { $('.popUp').fadeOut(200).removeClass('popped'); $('.popUpParent').removeClass('popped'); }; }; setEditorVariables(false, 840); function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } jQuery(document).click(function (event) { var target = jQuery(event.target); if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { var text = target.attr('title'); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Image', eventAction: 'Image - ' + text, eventLabel: window.location.href }); } if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { var text = ""; if (target.parents('.button')[0]) { text = target.parents('.button').first().text(); } else if (target.text().length) { text = target.text(); } else if (target.attr('title').length) { text = target.attr('title'); } if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Button', eventAction: 'Button - ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetCustomHtml').length) { ga('send', { hitType: 'event', eventCategory: 'Custom Html', eventAction: 'Custom Html Clicked', eventLabel: window.location.href }); } if (target.parents('.editor').length) { ga('send', { hitType: 'event', eventCategory: 'Editor', eventAction: 'Editor Link Clicked', eventLabel: window.location.href }); } if (target.parents('.GraphicLinks').length) { var text = ""; var targetGraphicLink = target; if (target.hasClass('widgetGraphicLinksLink')) { targetGraphicLink = jQuery(target.children()[0]); } if (targetGraphicLink.hasClass('text')) { text = targetGraphicLink.text(); } else if (targetGraphicLink.attr('src').length) { if (targetGraphicLink.attr('alt').length) { text = targetGraphicLink.attr('alt'); } else { text = targetGraphicLink.attr('src'); } } else { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Graphic Links', eventAction: 'Graphic Link - ' + text, eventLabel: window.location.href }); } if (target.parents('.InfoAdvanced').length) { ga('send', { hitType: 'event', eventCategory: 'Info Advanced', eventAction: 'Info Advanced Clicked', eventLabel: window.location.href }); } if (target.parents('.list').length) { ga('send', { hitType: 'event', eventCategory: 'List', eventAction: 'List Clicked', eventLabel: window.location.href }); } if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); var breadCrumbs = []; jQuery('.breadCrumbs > li').each(function () { breadCrumbs.push(this.textContent); }); var pageTitle = breadCrumbs.join('>'); var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); var text = ""; if (pageTitle) { text += pageTitle + " | "; } else { text += document.title + ' - '; } if (target.text() == "" && megaMenuText == "") { text += "N/A"; } else if (target.text().length && megaMenuText.length) { if (megaMenuText == target.text()) { text += megaMenuText; } else { text += megaMenuText + " - " + subTitleText + " - " + target.text(); } } else if (target.text() == "") { text += megaMenuText; } else { text += target.text(); } if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Mega Menu', eventAction: 'Mega Menu : ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'News Flash', eventAction: 'News Flash - ' + text, eventLabel: window.location.href }); } if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { var text = target.text(); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Quick Links', eventAction: 'Quick Links - ' + text, eventLabel: window.location.href }); } if (target.attr('src') && target.parents('.cpSlideshow').length) { var text = target.attr('title'); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Slideshow', eventAction: 'Slideshow - ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetText').length) { ga('send', { hitType: 'event', eventCategory: 'Text', eventAction: 'Text Link Clicked', eventLabel: window.location.href }); } }); Skip to Main Content Create a Website Account - Manage notification subscriptions, save form progress and more. Website Sign In $(document).ready(function () { $('#signedOutToolbarCreateProfileButton').keypress(function (e) { if (e.which === 0) return; $(this).click(); }); $('#signedOutToolbarCreateProfileButton').click(function (event) { event.preventDefault(); window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin; }); $('#loggedOutToolbarSignInButton').click(function (event) { event.preventDefault(); window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host; }); if ('False' == 'True') { $('#loggedOutToolbarSignInButton').hide(); } }) Government Residents Businesses Explore Skokie How Do I... (function () { function setupMenu() { const menuID = 'mainNavMenu'; const menuType = MAIN_MENU; //setup menu manager properties for main menu if (!menuManager.mobileMainNav && true) menuManager.adjustMainItemsWidth('#' + menuID); menuManager.isMainMenuEditable = false; menuManager.mainMenuMaxSubMenuLevels = 4; menuManager.setMOMMode(2, menuType); //Init main menu const setupDraggable = menuManager.isMainMenuEditable; const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=65&themeID=24&menuContainerID=mainNav'; menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); menuManager.mainMenuInit = true; menuManager.mainMenuTextResizer = true; if (1.00 > 0) menuManager.mainMenuTextResizerRatio = 1.00; if (window.isResponsiveEnabled) menuManager.mainMenuReady.resolve(); } if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { setupMenu(); return; } document.addEventListener("DOMContentLoaded", setupMenu); })(); $(document).ready(function () { try { $(".widgetSearchButton.widgetSearchButton9c17e45d-5ec0-4989-8fc2-a16788b8db5f").click(function (e) { e.preventDefault(); if (false||$("#ysnSearchOnlyDept9c17e45d-5ec0-4989-8fc2-a16788b8db5f").is(':checked')) { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), Number(0)); } else { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), 0); } }); $("#searchField9c17e45d-5ec0-4989-8fc2-a16788b8db5f").keypress(function (e) { if (window.clipboardData) { if (e.keyCode === 13) { if ($("#ysnSearchOnlyDept9c17e45d-5ec0-4989-8fc2-a16788b8db5f").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } else { if (e.which === 13) { if ($("#ysnSearchOnlyDept9c17e45d-5ec0-4989-8fc2-a16788b8db5f").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } return true; }); if (false) { var currentRequest = null; var $searchField = $("#searchField9c17e45d-5ec0-4989-8fc2-a16788b8db5f").autocomplete({ source: function (request, response) { currentRequest = $.ajax({ url: '/Search/AutoComplete' + ($("#ysnSearchOnlyDept9c17e45d-5ec0-4989-8fc2-a16788b8db5f").is(':checked') || false? '?departmentId=0' : ''), dataType: "json", timeout: 10000, beforeSend: function () { if (currentRequest != null) { currentRequest.abort(); } }, data: { term: request.term, }, success: function (data) { response(data); $('.autoCompleteError').remove(); }, error: function (xmlhttprequest, textstatus, message) { if (textstatus === "timeout") { if ($("#searchField9c17e45d-5ec0-4989-8fc2-a16788b8db5f").siblings('.autoCompleteError').length == 0) $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($("#searchField9c17e45d-5ec0-4989-8fc2-a16788b8db5f")); } } }); }, html: true, delay: 500, select: function (event, ui) { $(this).val(ui.item.value); $(this).next().click(); } }); $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { return $("<li class=\"itemList\"></li>") .data("ui-autocomplete-item", item) .append("<a>" + item.label + "</a>") .appendTo(ul); }; } } catch(e) {} //we're going to eat this error. Autocomplete won't work but we dont wan't to break anything else on the page. }); Search .widgetSearch ::-webkit-input-placeholder { color: #FFFFFF; } .widgetSearch :-moz-placeholder { /* Firefox 18- */ color: #FFFFFF; } .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ color: #FFFFFF; } .widgetSearch :-ms-input-placeholder { color: #FFFFFF; } .widgetSearch .widgetBody .widgetSearchBox9c17e45d-5ec0-4989-8fc2-a16788b8db5f { color: #FFFFFF; background-color: #737862; height: 70px; border-radius: 10px; padding: 0 70px 0 16px; border: none; font: 600 18px Open Sans; } .widgetSearch .widgetBody .widgetSearchButton9c17e45d-5ec0-4989-8fc2-a16788b8db5f { margin: 10px; } .widgetSearch .widgetSearch-onlyDept9c17e45d-5ec0-4989-8fc2-a16788b8db5f { display: inline-block; color: #333; padding-top: 10px; } #ysnSearchOnlyDept9c17e45d-5ec0-4989-8fc2-a16788b8db5f { position: relative; top: .125em; } //Updates search icons href to have the correct queryString function searchBtnApplyQuery() { document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField9c17e45d-5ec0-4989-8fc2-a16788b8db5f").value; } #google-translate-container { float: right; padding: 3px 5px 0px 0px; } #google-translate-container a:is(:link, :visited) { color: #ffffff; } .goog-te-combo, .goog-te-banner *, .goog-te-ftab *, .goog-te-menu *, .goog-te-menu2 *, .goog-te-balloon * { font-family: arial; font-size: 10pt; background-image: url("https://www.gstatic.com/images/branding/product/2x/translate_24dp.png"); background-position: 5px 5px; background-size: 18px; background-repeat: no-repeat; text-indent: 16px; background-color: #fff; color: #000 !important; } .goog-logo-link { display: none !important; } .goog-te-gadget { color: transparent !important; } .goog-te-gadget .goog-te-combo { margin: 2px 0 !important; border-radius: 15px !important; } .goog-te-combo{ border: 1px solid !important; border-color: #bcc9d7 #96a3b1 #96a3b1 #bcc9d7 !important; border-radius: 50px !important; height:31px !important; padding: 0 1px 0 .25rem !important; width: 156px; } #launcher-wrapper { bottom: 50px !important; } $(window).on("load", function () { $.when(window.Pages.rwdSetupComplete) .done(function () { renderExternalBannerSlideshow('banner1', {"BannerOptionID":66,"ThemeID":24,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":false,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":143,"BannerOptionID":66,"FileName":"/ImageRepository/Document?documentID=12107","Height":375,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":168,"BannerOptionID":66,"FileName":"/ImageRepository/Document?documentID=15466","Height":375,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":4,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":169,"BannerOptionID":66,"FileName":"/ImageRepository/Document?documentID=15470","Height":377,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":5,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":172,"BannerOptionID":66,"FileName":"/ImageRepository/Document?documentID=15469","Height":375,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":8,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":173,"BannerOptionID":66,"FileName":"/ImageRepository/Document?documentID=15471","Height":375,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":8,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":175,"BannerOptionID":66,"FileName":"/ImageRepository/Document?documentID=15475","Height":375,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":8,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":174,"BannerOptionID":66,"FileName":"/ImageRepository/Document?documentID=15472","Height":375,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":9,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[{"BannerVideoID":9,"BannerOptionID":66,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202507210805056589.png","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":0,"VideoHeight":0,"ImageWidth":0,"ImageHeight":0,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, '/App_Themes/Interior (2025)/Images/', 'Rotating'); }); }); window.addEventListener('load', function () { //setup menu manager properties for secondary menu menuManager.isSideMenuEditable = false; menuManager.sideMenuMaxSubMenuLevels = 4; menuManager.sideMenuHasCustomLinks = true; }); window.addEventListener('load', function () { $('*[id^="SideItem"]').each(function () { var ids = $('[id="' + this.id + '"]'); if (ids.length > 1) $.each(ids, function (index, value) { value.id = value.id + '_' + index; }); }); $('.hasAccordionChildren .openAccordionNav').click(function (e) { e.preventDefault(); showHideAccordionMenuForSecondaryNav($(this)); }); $("#secondaryNav .grippy").each(function () { menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav'); }); $("#secondaryNav li").each(function () { menuManager.setupDroppableAccordionElement($(this), SIDE_MENU); }); }); Home Agenda Center Agenda Center You can find links to meeting minutes, agendas, and videos from recent and past public meetings below. Click the name of a board or commission to view available agendas. To see information from past meetings, click on the year the meeting occurred. If minutes or videos are available, an icon will appear to the right—click the icon to view them. To see a calendar of upcoming public meetings, visit the homepage. Tools RSS Notify Me® Search Agendas by: Time Period Time Period Time Period Last Week Last Month Last 6 Months Last Year Start Date End Date Enter Search Terms Select a Category All Categories Appearance Commission Beautification and Improvement Commission Board of Fire and Police Commissioners Board of Health Board of Trustees Commission on Family Services Consumer Affairs Commission Economic Development Commission Election Referendum Implementation Ethics Commission Fine Arts Commission Foreign Fire Insurance Board Housing Sub-Committee of the Plan Commission Human Relations Commission Performing Arts Center Board Plan Commission Public Arts Advisory Committee Public Safety Commission Skokie Police Use of Force Review Board Skokie Youth Commission Special Meeting SPIRIT Committee Sustainable Environmental Advisory Commission Technology Advancement and Transformation Commission (STAT) Village of Skokie Administrative Meetings Village Seal Committee Zoning Board of Appeals Search Oops. Something went wrong! The file you tried to retrieve was not found in the File System of the site. \ModuleFiles\AgendaCenter\Agendas\2757/Appearance Commission Packet April 15, 2026.pdf Report a Concern .fancyButton483.fancyButton:link,.fancyButton483.fancyButton:visited, .fancyButton483div.fancyButton{ background-color: rgb(255, 255, 255); -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-repeat: no-repeat; background-position: left top; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.20); transition: all .2s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton483.fancyButton:hover,.fancyButton483.fancyButton:focus,.fancyButton483.fancyButton:active,.fancyButton483.fancyButton.hover{ background-color: rgb(32, 36, 87); background-repeat: no-repeat; background-position: left top; } .fancyButton483.fancyButton:link > span,.fancyButton483.fancyButton:visited > span, .fancyButton483div.fancyButton > span{ } .fancyButton483.fancyButton:hover > span,.fancyButton483.fancyButton:focus > span,.fancyButton483.fancyButton:active > span,.fancyButton483.fancyButton.hover > span{ } .fancyButton483.fancyButton .text{ padding-top: 5.75em; padding-bottom: .25em; padding-right: .5em; padding-left: .5em; text-decoration: none; padding-top: 5.75em; padding-bottom: .25em; padding-right: .5em; padding-left: .5em; background-image: url(/ImageRepository/Document?documentID=12112); background-repeat: no-repeat; background-position: center 1.25em ; display: flex; flex-direction: column; min-height: 9.5em; background-size: 3.875em; transition: all .4s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton483.fancyButton:hover .text,.fancyButton483.fancyButton:focus .text,.fancyButton483.fancyButton:active .text,.fancyButton483.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: center 1em ; background-size: 4.375em; } .fancyButton483.fancyButton .textStyle1{ color: rgb(0, 0, 0); font-size: 1.125em; font-family: Open Sans; font-weight: 600; text-decoration: none; display: block; line-height: 1.3; transition: all .2s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton483.fancyButton:hover .textStyle1, .fancyButton483.fancyButton.hover .textStyle1{ color: rgb(255, 255, 255); text-decoration: underline; } Emergency Alerts .fancyButton457.fancyButton:link,.fancyButton457.fancyButton:visited, .fancyButton457div.fancyButton{ background-color: rgb(255, 255, 255); -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-repeat: no-repeat; background-position: left top; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.20); transition: all .2s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton457.fancyButton:hover,.fancyButton457.fancyButton:focus,.fancyButton457.fancyButton:active,.fancyButton457.fancyButton.hover{ background-color: rgb(32, 36, 87); background-repeat: no-repeat; background-position: left top; } .fancyButton457.fancyButton:link > span,.fancyButton457.fancyButton:visited > span, .fancyButton457div.fancyButton > span{ } .fancyButton457.fancyButton:hover > span,.fancyButton457.fancyButton:focus > span,.fancyButton457.fancyButton:active > span,.fancyButton457.fancyButton.hover > span{ } .fancyButton457.fancyButton .text{ padding-top: 5.75em; padding-bottom: .25em; padding-right: .5em; padding-left: .5em; text-decoration: none; padding-top: 5.75em; padding-bottom: .25em; padding-right: .5em; padding-left: .5em; background-image: url('/ImageRepository/Document?documentID=12111'); background-repeat: no-repeat; background-position: center 1.25em ; display: flex; flex-direction: column; min-height: 9.5em; background-size: 3.875em; transition: all .4s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton457.fancyButton:hover .text,.fancyButton457.fancyButton:focus .text,.fancyButton457.fancyButton:active .text,.fancyButton457.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: center 1em ; background-size: 4.375em; } .fancyButton457.fancyButton .textStyle1{ color: rgb(0, 0, 0); font-size: 1.125em; font-family: Open Sans; font-weight: 600; text-decoration: none; display: block; line-height: 1.3; transition: all .2s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton457.fancyButton:hover .textStyle1, .fancyButton457.fancyButton.hover .textStyle1{ color: rgb(255, 255, 255); text-decoration: underline; } Subscribe .fancyButton458.fancyButton:link,.fancyButton458.fancyButton:visited, .fancyButton458div.fancyButton{ background-color: rgb(255, 255, 255); -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-repeat: no-repeat; background-position: left top; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.20); transition: all .2s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton458.fancyButton:hover,.fancyButton458.fancyButton:focus,.fancyButton458.fancyButton:active,.fancyButton458.fancyButton.hover{ background-color: rgb(32, 36, 87); background-repeat: no-repeat; background-position: left top; } .fancyButton458.fancyButton:link > span,.fancyButton458.fancyButton:visited > span, .fancyButton458div.fancyButton > span{ } .fancyButton458.fancyButton:hover > span,.fancyButton458.fancyButton:focus > span,.fancyButton458.fancyButton:active > span,.fancyButton458.fancyButton.hover > span{ } .fancyButton458.fancyButton .text{ padding-top: 5.75em; padding-bottom: .25em; padding-right: .5em; padding-left: .5em; text-decoration: none; padding-top: 5.75em; padding-bottom: .25em; padding-right: .5em; padding-left: .5em; background-image: url('/ImageRepository/Document?documentID=12113'); background-repeat: no-repeat; background-position: center 1.25em ; display: flex; flex-direction: column; min-height: 9.5em; background-size: 3.875em; transition: all .4s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton458.fancyButton:hover .text,.fancyButton458.fancyButton:focus .text,.fancyButton458.fancyButton:active .text,.fancyButton458.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: center 1em ; background-size: 4.375em; } .fancyButton458.fancyButton .textStyle1{ color: rgb(0, 0, 0); font-size: 1.125em; font-family: Open Sans; font-weight: 600; text-decoration: none; display: block; line-height: 1.3; transition: all .2s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton458.fancyButton:hover .textStyle1, .fancyButton458.fancyButton.hover .textStyle1{ color: rgb(255, 255, 255); text-decoration: underline; } Pay Online .fancyButton482.fancyButton:link,.fancyButton482.fancyButton:visited, .fancyButton482div.fancyButton{ background-color: rgb(255, 255, 255); -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-repeat: no-repeat; background-position: left top; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.20); transition: all .2s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton482.fancyButton:hover,.fancyButton482.fancyButton:focus,.fancyButton482.fancyButton:active,.fancyButton482.fancyButton.hover{ background-color: rgb(32, 36, 87); background-repeat: no-repeat; background-position: left top; } .fancyButton482.fancyButton:link > span,.fancyButton482.fancyButton:visited > span, .fancyButton482div.fancyButton > span{ } .fancyButton482.fancyButton:hover > span,.fancyButton482.fancyButton:focus > span,.fancyButton482.fancyButton:active > span,.fancyButton482.fancyButton.hover > span{ } .fancyButton482.fancyButton .text{ padding-top: 5.75em; padding-bottom: .25em; padding-right: .5em; padding-left: .5em; text-decoration: none; padding-top: 5.75em; padding-bottom: .25em; padding-right: .5em; padding-left: .5em; background-image: url(/ImageRepository/Document?documentID=12114); background-repeat: no-repeat; background-position: center 1.25em ; display: flex; flex-direction: column; min-height: 9.5em; background-size: 3.875em; transition: all .4s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton482.fancyButton:hover .text,.fancyButton482.fancyButton:focus .text,.fancyButton482.fancyButton:active .text,.fancyButton482.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: center 1em ; background-size: 4.375em; } .fancyButton482.fancyButton .textStyle1{ color: rgb(0, 0, 0); font-size: 1.125em; font-family: Open Sans; font-weight: 600; text-decoration: none; display: block; line-height: 1.3; transition: all .2s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton482.fancyButton:hover .textStyle1, .fancyButton482.fancyButton.hover .textStyle1{ color: rgb(255, 255, 255); text-decoration: underline; } Agendas & Minutes .fancyButton460.fancyButton:link,.fancyButton460.fancyButton:visited, .fancyButton460div.fancyButton{ background-color: rgb(255, 255, 255); -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-repeat: no-repeat; background-position: left top; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.20); transition: all .2s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton460.fancyButton:hover,.fancyButton460.fancyButton:focus,.fancyButton460.fancyButton:active,.fancyButton460.fancyButton.hover{ background-color: rgb(32, 36, 87); background-repeat: no-repeat; background-position: left top; } .fancyButton460.fancyButton:link > span,.fancyButton460.fancyButton:visited > span, .fancyButton460div.fancyButton > span{ } .fancyButton460.fancyButton:hover > span,.fancyButton460.fancyButton:focus > span,.fancyButton460.fancyButton:active > span,.fancyButton460.fancyButton.hover > span{ } .fancyButton460.fancyButton .text{ padding-top: 5.75em; padding-bottom: .25em; padding-right: .5em; padding-left: .5em; text-decoration: none; padding-top: 5.75em; padding-bottom: .25em; padding-right: .5em; padding-left: .5em; background-image: url('/ImageRepository/Document?documentID=12109'); background-repeat: no-repeat; background-position: center 1.25em ; display: flex; flex-direction: column; min-height: 9.5em; background-size: 3.875em; transition: all .4s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton460.fancyButton:hover .text,.fancyButton460.fancyButton:focus .text,.fancyButton460.fancyButton:active .text,.fancyButton460.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: center 1em ; background-size: 4.375em; } .fancyButton460.fancyButton .textStyle1{ color: rgb(0, 0, 0); font-size: 1.125em; font-family: Open Sans; font-weight: 600; text-decoration: none; display: block; line-height: 1.3; transition: all .2s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton460.fancyButton:hover .textStyle1, .fancyButton460.fancyButton.hover .textStyle1{ color: rgb(255, 255, 255); text-decoration: underline; } Apply for Jobs .fancyButton461.fancyButton:link,.fancyButton461.fancyButton:visited, .fancyButton461div.fancyButton{ background-color: rgb(255, 255, 255); -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-repeat: no-repeat; background-position: left top; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.20); transition: all .2s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton461.fancyButton:hover,.fancyButton461.fancyButton:focus,.fancyButton461.fancyButton:active,.fancyButton461.fancyButton.hover{ background-color: rgb(32, 36, 87); background-repeat: no-repeat; background-position: left top; } .fancyButton461.fancyButton:link > span,.fancyButton461.fancyButton:visited > span, .fancyButton461div.fancyButton > span{ } .fancyButton461.fancyButton:hover > span,.fancyButton461.fancyButton:focus > span,.fancyButton461.fancyButton:active > span,.fancyButton461.fancyButton.hover > span{ } .fancyButton461.fancyButton .text{ padding-top: 5.75em; padding-bottom: .25em; padding-right: .5em; padding-left: .5em; text-decoration: none; padding-top: 5.75em; padding-bottom: .25em; padding-right: .5em; padding-left: .5em; background-image: url('/ImageRepository/Document?documentID=12110'); background-repeat: no-repeat; background-position: center 1.25em ; display: flex; flex-direction: column; min-height: 9.5em; background-size: 3.875em; transition: all .4s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton461.fancyButton:hover .text,.fancyButton461.fancyButton:focus .text,.fancyButton461.fancyButton:active .text,.fancyButton461.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: center 1em ; background-size: 4.375em; } .fancyButton461.fancyButton .textStyle1{ color: rgb(0, 0, 0); font-size: 1.125em; font-family: Open Sans; font-weight: 600; text-decoration: none; display: block; line-height: 1.3; transition: all .2s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton461.fancyButton:hover .textStyle1, .fancyButton461.fancyButton.hover .textStyle1{ color: rgb(255, 255, 255); text-decoration: underline; } //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdv24414a88-b09e-4510-942c-8927ec2703ac .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); Contact Us Village of Skokie 5127 Oakton Street Skokie, IL 60077 Phone: 847-673-0500 Email Us Hours: M-F 8:30 am -5:00 pm Contact Directory //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdv941823cc-b856-4dca-98c0-b52c3b7e040e .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); Popular Links Skokie Property Information Search Agendas & Minutes Access Skokie Forms & Applications Employment Opportunities NewSkokie Resident Newsletter Village Code & Zoning Ordinance /QuickLinks.aspx Site Links Home Site Map Contact Us Accessibility Privacy Copyright Notices /QuickLinks.aspx /* CP icon */ .cpBylineIconTS { color: #fff; } /* CP Text */ .cpBylineTextTS, .cpBylineTextTS a:is(:link, :visited) { color: #fff; } .cpBylineTS { text-align: center; } .cpBylineIconTS { fill: currentColor; width: 39px; height: 26px; display: inline; vertical-align: middle; } Government Websites by CivicPlus® Loading Loading Do Not Show Again Close $(document).ready(function () { var filter = { targetId: '', targetType: 0 } new SplashModalRender().triggerRender(filter); }); function googleTranslateElementInit() { var el = document.getElementById("google_translate_element"); if (el && el.innerHTML.trim() !== "") { return; } new google.translate.TranslateElement({ pageLanguage: "en" }, "google_translate_element"); // begin accessibility compliance $('img.goog-te-gadget-icon').attr('alt','Google Translate'); $('div#goog-gt-tt div.logo img').attr('alt','translate'); $('div#goog-gt-tt .original-text').css('text-align','left'); $('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000'); $('.goog-te-combo').attr('aria-label','google translate languages'); $('svg.goog-te-spinner').attr('title','Google Translate Spinner'); $('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000'); } $(function() { $.getScript("//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"); }); window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-REZE5KQE9J'); function getValueTS(elem, attr) { const val = elem.css(attr); if (val === undefined) return undefined; const num = parseInt(val, 10); if (num === NaN) return undefined; return num; } function clampTS(number, min, max) { return Math.min(Math.max(number, min), max); } function isPageEditingTS() { return ( $("#doneEditing").length > 0 || // In live edit typeof DesignCenter !== "undefined" // In theme manager ); } const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/; function isTransparentTS(elem) { const bg = elem.css('background-color'); if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; const matchState = bg.match(bgColorRegexTS); if (!matchState || matchState.length !== 5) return false; const alpha = parseFloat(matchState[4], 10); if (!(alpha >= 0 && alpha < 1)) return false; return true; } function iterateLeftpads(cb) { const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); for (let i = 0; i < containersTS.length; i++) { const containerTS = containersTS[i]; // Skip the body container and anything with data-skip-leftpad if ( containerTS.id !== "bodyContainerTS" && containerTS.getAttribute('data-skip-leftpad') === null ) { cb(containerTS); } } } function iterateRightpads(cb) { const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); for (let i = 0; i < containersTS.length; i++) { const containerTS = containersTS[i]; // Skip the body container and anything with data-skip-rightpad if ( containerTS.id !== "bodyContainerTS" && containerTS.getAttribute('data-skip-rightpad') === null ) { cb(containerTS); } } } const anchor = $("#divToolbars"); // Outer banner padding (push banner down) const outerSizingTS = $("#bannerContainerTS"); // Inner banner padding (push banner content down) - Transparent header OR on attaching headers const innerSizingTS = $("#bannerSizingTS"); const bodyContainerTS = $("#bodyContainerTS"); const headerContainerTS = $("#headerContainerTS"); const forceUnfixClassTS = "forceUnfixTS"; const fixedTopTS = $(".fixedTopTS"); const fixedBottomTS = $(".fixedBottomTS"); const fixedLeftTS = $(".fixedLeftTS"); const fixedRightTS = $(".fixedRightTS"); var initialTopTS; var topAttachTS; if (fixedTopTS && fixedTopTS.length === 1) { initialTopTS = getValueTS(fixedTopTS, 'top'); const attachment = fixedTopTS.attr('data-attach'); if (attachment) topAttachTS = $("#" + attachment); if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; } function resizeAdjustmentTS() { const editing = isPageEditingTS(); // Fixed top script (function () { if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; if (editing) { fixedTopTS[0].classList.add(forceUnfixClassTS); } else { fixedTopTS[0].classList.remove(forceUnfixClassTS); } const topPosition = fixedTopTS.css('position'); if (topPosition === 'fixed') { if (topAttachTS) { scrollAdjustmentTS(); } else { const anchorHeight = anchor.outerHeight() - 1; fixedTopTS.css('top', anchorHeight + initialTopTS); } } else { fixedTopTS.css('top', initialTopTS); } if (topPosition === 'fixed' || topPosition === 'absolute') { // Bump the banner content down if (isTransparentTS(fixedTopTS)) { innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1); outerSizingTS.css('padding-top', ''); try { window.Pages.onResizeHandlersExecute(); } catch (e) { } } else { outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); innerSizingTS.css('padding-top', ''); } } else { innerSizingTS.css('padding-top', ''); outerSizingTS.css('padding-top', ''); } })(); // Fixed bottom script (function () { if (!fixedBottomTS || fixedBottomTS.length === 0) return; // If the widget has gone narrow, force unfix if (editing || fixedBottomTS.outerHeight() > 200) { fixedBottomTS[0].classList.add(forceUnfixClassTS); } else { fixedBottomTS[0].classList.remove(forceUnfixClassTS); } if (fixedBottomTS.css('position') === 'fixed') { bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); } else { bodyContainerTS.css('padding-bottom', ''); } })(); // Fixed left script (function () { if (!fixedLeftTS || fixedLeftTS.length === 0) return; if (editing) { fixedLeftTS[0].classList.add(forceUnfixClassTS); } else { fixedLeftTS[0].classList.remove(forceUnfixClassTS); } if (fixedLeftTS.css('position') === 'fixed') { const anchorHeight = anchor.outerHeight() - 1; const headerHeight = headerContainerTS.outerHeight() - 1; fixedLeftTS.css('top', anchorHeight + headerHeight + 100); const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); iterateLeftpads(function (containerTS) { const containerBoundingTS = containerTS.getBoundingClientRect(); if (containerBoundingTS.left <= leftBoundingTS.right) { $(containerTS).css('padding-left', leftBoundingTS.width + 16); } }); } else { fixedLeftTS.css('top', ''); iterateLeftpads(function (containerTS) { $(containerTS).css('padding-left', ''); }); } })(); // Fixed right script (function () { if (!fixedRightTS || fixedRightTS.length === 0) return; if (editing) { fixedRightTS[0].classList.add(forceUnfixClassTS); } else { fixedRightTS[0].classList.remove(forceUnfixClassTS); } if (fixedRightTS.css('position') === 'fixed') { const anchorHeight = anchor.outerHeight() - 1; const headerHeight = headerContainerTS.outerHeight() - 1; fixedRightTS.css('top', anchorHeight + headerHeight + 100); const rightBoundingTS = fixedRightTS[0].getBoundingClientRect(); iterateRightpads(function (containerTS) { const containerBoundingTS = containerTS.getBoundingClientRect(); if (containerBoundingTS.right >= rightBoundingTS.left) { $(containerTS).css('padding-right', rightBoundingTS.width + 16); } }); } else { fixedRightTS.css('top', ''); iterateRightpads(function (containerTS) { $(containerTS).css('padding-right', ''); }); } })(); } function scrollAdjustmentTS() { if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; const topPosition = fixedTopTS.css('position'); if (topPosition === 'fixed' || topPosition === 'absolute') { const anchorBounding = anchor[0].getBoundingClientRect(); const attachBounding = topAttachTS[0].getBoundingClientRect(); const scrollTop = $(window).scrollTop(); fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); } else { fixedTopTS.css('top', initialTopTS); } } $(window).load(function () { setTimeout(function () { resizeAdjustmentTS(); }, 350); $(window).scroll(function () { scrollAdjustmentTS(); }); var adjustTimeoutTS; $(window).resize(function () { clearTimeout(adjustTimeoutTS); adjustTimeoutTS = setTimeout(function () { resizeAdjustmentTS(); }, 350); }); $.when(window.Pages.angularToolbarComplete).done(function () { resizeAdjustmentTS(); }); }); function moveBannerToOuterWrap() { if ($(".fixedBannerTS #bannerDivbanner2").length) { $(".fixedBannerTS #bannerDivbanner2").appendTo("#outer-wrap"); } else { setTimeout(function () { moveBannerToOuterWrap(); }, 500); } } moveBannerToOuterWrap(); $(function () { document.cookie = "responsiveGhost=0; path=/"; }); $(window).on("load", function () { $('body').addClass('doneLoading').removeClass('hideContent'); if ($('#404Content').length > 0) $('div#bodyWrapper').css('padding', '0px'); }); body.hideContent { opacity: 1 !important; } Arrow Left Arrow Right loadCSS('//fonts.googleapis.com/css?family=Crimson+Pro:500|Lato:700|Libre+Franklin:700,regular|Montserrat:200,200italic,500,500italic,600,600italic,700,700italic,italic,regular|Open+Sans:500,600,700,italic,regular|'); [] Slideshow Left Arrow Slideshow Right Arrow