1<!doctype html> 2<html lang="en"> 3 <!--Page served by ip-172-31-30-231.us-east-2.compute.internal, 1480 () --> 4 5 <head> 6 <meta http-equiv="X-UA-Compatible" content="IE=EDGE" /> 7 <title>Events - Des Plaines</title> 8 <link rel="shortcut icon" href="/images/favicon/desplaines/favicon.png" /> 9 <link rel="icon" href="/images/favicon/desplaines/favicon.png" /> 10 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 11 <meta name="client" content="desplaines" /> 12 <meta name="location" content="<!--location-->" /> 13 <meta name="apiserver" content="https://api.communico.co" /> 14 <meta name="region" content="us" /> 15 <meta name="location-id" content="<!--location_id-->" /> 16 <meta name="viewport" content="width=device-width, initial-scale=1" /> 17 <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 17-18
17 18<script async src="https://www.googletagmanager.com/gtag/js?id=
18G-XZ2CT1DQT6
vendor: 12 bytes, line 18
18"></script>
19<script> 20
vendor: 134 bytes, lines 20-24
20window.dataLayer = window.dataLayer || []; 21 function gtag(){dataLayer.push(arguments);} 22 gtag('js', new Date()); 23 24 gtag('config', '
24G-XZ2CT1DQT6
vendor: 4 bytes, line 24
24');
25</script>
25 26 <link href='/css/animate.css' rel='stylesheet' type='text/css'/> 27<link href='//cdn.libnet.info/css/rome/2.1.14/rome.min.css' rel='stylesheet' type='text/css' integrity='sha512-/XkQhXweIRQd7p8YCmwaBLyUwfTdUg8t7ad6POQK1cOTCEMu7A/wlexnDQhfc1smusfg2V4m3ztSpDby+lXo7Q==' crossorigin='anonymous'/> 28<link href='//cdn.libnet.info/css/twitter-bootstrap/3.4.1/bootstrap.min.css' rel='stylesheet' type='text/css' integrity='sha512-Dop/vW3iOtayerlYAqCgkVr2aTr2ErwwTYOvRFUpzl2VhCMJyjQF0Q9TjUXIo6JhuM/3i0vVEt2e/7QQmnHQqw==' crossorigin='anonymous'/> 29<link href='/css/amfont.css' rel='stylesheet' type='text/css'/> 30<link href='//cdn.libnet.info/css/qtip2/3.0.3/jquery.qtip.css' rel='stylesheet' type='text/css' integrity='sha512-+eoiXLTtw/fDauKv6qMjHuO5pCnqJLz83WWIEpCF+fCAoIkK4UNy04CtJbNZ73Oo/WeNom5FwKie4NVorKjomA==' crossorigin='anonymous'/> 31<link href='//cdn.libnet.info/css/jqueryui/1.14.1/themes/smoothness/jquery-ui.min.css' rel='stylesheet' type='text/css' integrity='sha512-hQrNVZL4jUAHcqbF25UiEFZ/NGCbhAWI9aVAUfI5H+sG17C1Lc4Tm4HpU5A69E1jquKr3f0LnxD3uzfoCj/koQ==' crossorigin='anonymous'/> 32<link href='//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' type='text/css' integrity='sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==' crossorigin='anonymous'/> 33<link href='/css/lib/bootstrap-datepicker.min.css' rel='stylesheet' type='text/css'/> 34<link href='//cdn.libnet.info/css/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.css' rel='stylesheet' type='text/css' integrity='sha512-6qkvBbDyl5TDJtNJiC8foyEVuB6gxMBkrKy67XpqnIDxyvLLPJzmTjAj1dRJfNdmXWqD10VbJoeN4pOQqDwvRA==' crossorigin='anonymous'/> 35<link href='//cdn.libnet.info/css/bootstrap-datetimepicker/4.17.37/bootstrap-datetimepicker.min.css' rel='stylesheet' type='text/css' integrity='sha512-WWc9iSr5tHo+AliwUnAQN1RfGK9AnpiOFbmboA0A0VJeooe69YR2rLgHw13KxF1bOSLmke+SNnLWxmZd8RTESQ==' crossorigin='anonymous'/> 36<link href='/css/lib/bootstrap-datepicker3.min.css' rel='stylesheet' type='text/css'/> 37<link href='//cdn.libnet.info/css/bootstrap-multiselect/0.9.13/bootstrap-multiselect.css' rel='stylesheet' type='text/css' integrity='sha512-S1l1mfpQS+XBPSgS8cCqElwRx24IcAYrwxLJg6WaFkG9J8bfNuilkoqkGny/rz7jS7Bo03qnzeBtE9LElt/fDg==' crossorigin='anonymous'/> 38<link href='//cdn.libnet.info/css/noUiSlider/14.0.2/nouislider.min.css' rel='stylesheet' type='text/css' integrity='sha512-bqcVAZj+T8z4LwjUVg2KqRRaBRvZcrH3pqKzMrDBJc01Fkcd9ioJsX5eYx6x7GDQSISa6GaFj1b3lEWgoa+hxw==' crossorigin='anonymous'/> 39<link href='/css/shared.css' rel='stylesheet' type='text/css'/> 40<link href='/css/anywhere.css?version=2.36.5' rel='stylesheet' type='text/css'/> 41 42
42<script type='text/javascript' src='//cdn.libnet.info/js/jquery/1.12.4/jquery.min.js' integrity='sha512-jGsMH83oKe9asCpkOVkBnUrDDTp8wl+adkB2D+//JtlxO4SrLoJdhbOysIFQJloQFD+C4Fl1rMsQZF76JjV0eQ==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 42
42
43<script type='text/javascript' src='//cdn.libnet.info/js/jquery-ui/1.12.1/jquery-ui.min.js' integrity='sha512-uto9mlQzrs59VwILcLiRYeLKPPbS/bT71da/OEBYEwcdNUk8jYIy+D176RYoop1Da+f9mvkYrmj5MCLZWEtQuA==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 43
43
44<script type='text/javascript' src='//cdn.libnet.info/js/babel-polyfill/7.12.1/polyfill.min.js' integrity='sha512-uzOpZ74myvXTYZ+mXUsPhDF+/iL/n32GDxdryI2SJronkEyKC8FBFRLiBQ7l7U/PTYebDbgTtbqTa6/vGtU23A==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 44
44
45<script type='text/javascript' src='//cdn.libnet.info/js/bluebird/3.7.2/bluebird.min.js' integrity='sha512-TFp7JOp8so/oHJrngLI0kn9diZrc0YDr1NrGj1YbzbvSBdGfligjYVRp1xtqlmNCPWpx4xJDhiWSGgUYvqCbBg==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 45
45
46<script type='text/javascript' src='//cdn.libnet.info/js/fetch/2.0.4/fetch.min.js' integrity='sha512-IsoGB9P1Kjw962zrslxT91OfoKkAnlBfQDdh5HwFvOxwJ8xGV6MuDeAli4TkEMiUqhJVkvpxJBsIS14bSERgxA==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 46
46
47<script type='text/javascript' src='//cdn.libnet.info/js/moment.js/2.30.1/moment.js' integrity='sha512-3CuraBvy05nIgcoXjVN33mACRyI89ydVHg7y/HMN9wcTVbHeur0SeBzweSd/rxySapO7Tmfu68+JlKkLTnDFNg==' crossorigin='anonymous'></script>
47 48<style> 49 div.events-grid-cell { 50overflow:hidden; 51} 52 53a:link { 54 transition: color .4s ease!important; 55} 56 57#htmlheader { 58 margin-bottom: 20px; 59 60} 61 #A_35 { 62 font: normal normal bold normal 18px / 24.3px futura-pt, sans-serif; 63 list-style: none outside none; 64 outline: rgb(112, 105, 100) none 0px; 65 padding: 3px 13px; 66 } 67 68#footer{ 69 margin-bottom: 0; 70} 71#footer a:hover { 72 color: #ffffff; 73} 74 75#default_footer { 76 display:none; 77} 78 79/*******************FIXED WIDTH*******************/ 80.content, div#body{ 81 max-width: 1300px; 82 padding-right:40px; 83 padding-left:40px; 84} 85 86 87 88/*******************BUTTONS******************/ 89.button { 90 text-shadow: 0px 1px #817a74; 91 text-transform: uppercase; 92 font-size: 14px; 93 font-weight: bold; 94 letter-spacing: 1px; 95 background-color: #48b7b2; 96 padding: 8px 18px; 97 cursor: pointer; 98 display: inline-block; 99 -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.24); 100 box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.24); 101 color: #fff; 102} 103 /*event page title*/ 104#idaiMWo h2 { 105 font-size: 2.4em;; 106 font-weight: 600; 107} 108 109 /*event page sub title*/ 110#idaiMWo h3 { 111 color: #616167; 112 font-size: 1.2em;; 113 font-weight: 200; 114} 115/*extra space for calendar and location icons*/ 116#idm0vRo, #idV05ku { 117padding-left: 10px; 118} 119 120/*border above and below the date, time and location info*/ 121#id4VX3g .amh-row, #idlw5ZC.amh-row.row { 122border-top: 1px solid #d0d0d0; 123padding: 8px 0; 124} 125 126/*event page short description*/ 127#idjLXfv .custom1 { 128 color: #616161; 129 margin: 1em 0; 130 font-weight: 300; 131 font-size: 1.4em; 132} 133 134#idsqaCW h4 { 135 font-size: 1.8em; 136 margin-bottom: 0.5em; 137 font-weight: 300; 138} 139 140.eelisttitle, .eelisttitle a, .eelisttitle a:hover { 141 font-weight: 600; 142 font-size: 1.3em; 143 margin-bottom: 0.5em; 144 text-decoration: none; 145} 146 147.eventRegButton, .eventRegButton:hover { 148 margin: 0.5em 0 0.5em 0; 149 display: block; 150} 151 152.events-date-bar .headingtext{ 153 color: #555555; 154 font-size: 1em; 155 margin-bottom: 1em; 156 font-weight: 400; 157 padding: 10px 0; 158} 159/* next chevrons */ 160.events-change-prev, .events-change-next { 161 color: #a6dded; 162} 163 164/************ upcoming Events widget ***************/ 165 166 167/*height of events listing widget*/ 168#idtvR3F .amev-event-list{ 169 height: 520px; 170} 171 172/*register button in widget*/ 173#idtvR3F .eventRegButton{ 174 display:block; 175 width: 60%; 176 margin: 10px auto 5px auto; 177} 178 179/*event listing title upcoming events widget*/ 180.amev-event-title { 181 font-size: 1.1em; 182 line-height:1.3; 183} 184 185.amev-event-title a { 186 text-decoration: none; 187} 188 189 190/*date string in upcoming events widget*/ 191#idtvR3F .amev-event-list .amev-event .amev-event-data .amev-event-time .headingtext { 192 color: #000000!important; 193} 194 195/*headings for branch location info*/ 196#idn2Wy5 .headingtext { 197font-size: 1.2em; 198 font-weight: 700; 199} 200 201 202 203/*filters*/ 204@media (max-width: 768px){ 205.events-filter-row { 206 max-width: 768px; 207 text-align: center; 208 } 209} 210 211 212/******************* SUPPLIED HEADER AND FOOTER CSS *******************/ 213 214@media only screen and (min-width: 992px) { #DIV_1 { 215 display:none; 216 } 217 } 218 219@charset "UTF-8"; 220#A_1 { 221 background-position: 0px 0px; 222 box-sizing: border-box; 223 color: #42a8a4; 224 display: block; 225 height: 68px; 226 float: left; 227 margin-top: 25px; 228 text-align: left; 229 text-decoration: none; 230 text-indent: 100%; 231 white-space: nowrap; 232 width: 216px; 233 column-rule-color: #42a8a4; 234 perspective-origin: 108px 32.5px; 235 transform-origin: 108px 32.5px; 236 background: transparent url("https://dppl.org/assets/images/logo.png") no-repeat scroll 0px 0px/auto padding-box border-box; 237 border: 0px none #42a8a4; 238 font: normal normal normal normal 18px / 65px brandon-grotesque, "Brandon Grotesque", futura-pt, sans-serif; 239 outline: #42a8a4 none 0px; 240 overflow: hidden; 241} 242 243/*#A_1*/ 244html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 245 margin: 0; 246 padding: 0; 247 border: 0; 248 font: inherit; 249 font-size: 100%; 250 vertical-align: baseline; 251} 252 253 254html, body.embeded{ 255 line-height: 1; 256 height: 100% !important; 257} 258 259#channel, .channel, div.stage { 260 height: 100% !important; 261} 262 263 264ol, ul { 265 list-style: none; 266} 267 268table { 269 border-collapse: collapse; 270 border-spacing: 0; 271} 272 273caption, th, td { 274 text-align: left; 275 font-weight: normal; 276 vertical-align: middle; 277} 278 279q, blockquote { 280 quotes: none; 281} 282 283q:before, q:after, blockquote:before, blockquote:after {
284 content: ""; 285 content: none; 286} 287 288a img { 289 border: none; 290} 291 292article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { 293 display: block; 294} 295 296a.nav-older, a.nav-newer, .dppl-form input[type=submit] { 297 text-transform: uppercase; 298 font-weight: 600; 299 letter-spacing: 1px; 300 font-size: 13px; 301 color: #fff; 302 background-color: #83cfe1; 303 padding: 7px 10px; 304 text-align: center; 305 border: none; 306 outline: none; 307} 308 309a.nav-older:hover, a.nav-newer:hover, .dppl-form input[type=submit]:hover { 310 text-decoration: none; 311 background-color: #97d7e6; 312 cursor: pointer; 313} 314 315*, *:before, *:after { 316 -webkit-box-sizing: border-box; 317 -moz-box-sizing: border-box; 318 box-sizing: border-box; 319} 320 321article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary { 322 display: block; 323} 324 325body { 326 background: white; 327 position: relative; 328 color: #504b47; 329 font-family:"brandon-grotesque", "Brandon Grotesque", "futura-pt", sans-serif!important; 330 font-size: 18px; 331 line-height: 1.35; 332 text-align: left; 333 -webkit-font-smoothing: antialiased; 334} 335 336img { 337 max-width: 100%; 338} 339 340p, ul, ol { 341 margin-bottom: 11px; 342} 343 344blockquote { 345 border-left: 4px solid #efeeed; 346 margin-left: 30px; 347 padding-left: 10px; 348 font-style: italic; 349 margin-top: 8px; 350} 351 352a { 353 color: #42a8a4; 354 text-decoration: none; 355} 356 357a:hover { 358 text-decoration: underline; 359} 360 361strong { 362 font-weight: 700; 363} 364 365em { 366 font-style: italic; 367} 368 369h1 { 370 color: #348380; 371 text-transform: uppercase; 372 letter-spacing: 1px; 373 font-size: 24px; 374 font-family: "futura-pt", "Futura Std", "brandon-grotesque", sans-serif; 375 font-weight: 700; 376 margin-bottom: 7px; 377 line-height: 1.2; 378} 379 380h2 { 381 font-size: 20px; 382 font-family: "futura-pt", "Futura Std", "brandon-grotesque", sans-serif; 383 font-weight: 700; 384 margin: 1.5em 0 .5em; 385 line-height: 1.2; 386} 387 388h3 { 389 font-size: 15px; 390 text-transform: uppercase; 391 letter-spacing: 1px; 392 font-weight: 700; 393 margin-bottom: 5px; 394 line-height: 1.2; 395 margin: 1.5em 0 .5em; 396} 397 398aside h3.note { 399 font-weight: 400; 400} 401 402h3.bolder { 403 font-size: 16px; 404 font-family: "futura-pt", "Futura Std", "brandon-grotesque", sans-serif; 405 font-weight: 700; 406} 407 408h4 { 409 line-height: 1.2; 410 font-weight: bold; 411 margin-bottom: 4px; 412} 413 414.hidden { 415 display: none !important; 416} 417 418.group:after, .more-drop nav:after, .sub-features:after, .nav-collapse:after, .main:after, .content-rows:after, .content-rows .row:after, .calendar .cal-parent:after, .pagination:after { 419 content: ""; 420 display: table; 421 clear: both; 422} 423 424.hide-text, .branding .site-title a, .tax-forms-page .taxforms .status { 425 text-indent: 100%; 426 white-space: nowrap; 427 overflow: hidden; 428} 429 430.mobile-hide { 431 display: none; 432} 433 434.obscure { 435 position: absolute !important; 436 clip: rect(1px, 1px, 1px, 1px); 437} 438 439.arrow:after { 440 content: "?"; 441 padding-left: 5px; 442 font-size: .8em; 443} 444 445.banner em { 446 display: block; 447 font-style: normal; 448 background: #aa8f9e; 449 color: white; 450 padding: 5px 0; 451 font-size: 18px; 452} 453 454.banner a { 455 color: #EBE5E9; 456 text-decoration: underline; 457} 458 459.container-wrap { 460 width: 100%; 461 text-align: left; 462} 463 464.container, footer { 465 width: 88%; 466 margin: 0 auto; 467 position: relative; 468} 469 470.note { 471 font-size: 16px; 472} 473 474.brow { 475 margin-bottom: 0; 476 text-transform: uppercase; 477 font-size: 11px; 478 letter-spacing: 1px; 479 display: block; 480} 481 482a.button { 483 text-shadow: 0px 1px #817a74; 484 text-transform: uppercase; 485 font-size: 14px; 486 font-weight: normal; 487 letter-spacing: 1px; 488 background-color: #48b7b2; 489 padding: 6px 8px; 490 cursor: pointer; 491 display: inline-block; 492 -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.24); 493 box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.24); 494 color: #fff; 495} 496 497a.button:hover { 498 text-decoration: none; 499} 500 501.masthead { 502 border-top: 5px solid #ede8e6; 503 border-bottom: 37px solid #69635e; 504 -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.22); 505 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.22); 506} 507 508.branding { 509 height: 96px; 510} 511 512.branding h1 { 513 margin: 0; 514} 515 516.branding .site-title { 517 position: absolute; 518 display: block; 519 top: 10px; 520 left: 0; 521} 522 523.branding .site-title a { 524 width: 72px; 525 height: 68px; 526 line-height: 68px; 527 background: url(/assets/images/logo-mobile.png) no-repeat 0 0; 528 z-index: 999; 529 display: block; 530} 531 532.mobile-supernav { 533 float: right; 534 background-color: #ede8e6; 535 margin-top: -5px; 536 border-radius: 0 0 3px 3px; 537} 538 539.mobile-supernav ul li { 540 float: left; 541 background-color: #e2dad7; 542 display: none; 543} 544 545.mobile-supernav ul li a { 546 display: block; 547 background-color: #ede8e6; 548 font-family: "depot-new-condensed-web", sans-serif; 549 font-weight: 700; 550 font-size: 13px; 551 letter-spacing: 1px; 552 text-transform: uppercase; 553 padding: 7px 8px 4px; 554} 555 556.mobile-supernav .super-account, .mobile-supernav .super-catalog, .mobile-nav .super-search { 557 display: inline-block; 558} 559 560.mobile-supernav .super-account, mobile-supernav .super-search { 561 padding-right: 1px; 562 border-right: 1px solid #f8f6f5; 563} 564 565.mobile-supernav .active a { 566 border-bottom: 2px solid #504b47; 567 color: black; 568} 569 570nav a { 571 outline: none; 572} 573 574.main-nav { 575 padding-top: 103px; 576 margin: 0; 577 font-size: 0; 578} 579 580.main-nav > li { 581 display: inline-block; 582 margin-left: 12px; 583 font-size: 16px; 584} 585 586.main-nav > li.mobile-hide { 587 display: none; 588} 589 590.main-nav > li:first-child { 591 margin-left: 0; 592} 593 594.main-nav > li > a { 595 font-family: "depot-new-condensed-web", sans-serif; 596 font-weight: 700; 597 letter-spacing: .5px; 598 text-transform: uppercase; 599 text-decoration: none; 600 color: #fff; 601} 602 603.main-nav .sub { 604 display: none; 605} 606 607.topnav .nav-more { 608 padding-right: 13px; 609 position: relative; 610} 611/* 612.topnav .nav-more:after {
613 content: ""; 614 border-color: #fff transparent transparent transparent; 615 border-style: solid; 616 border-width: 5px; 617 height: 0; 618 width: 0; 619 position: absolute; 620 right: -1px; 621 top: 50%; 622 margin-top: -2px; 623} 624*/ 625.topnav .nav-more.opened { 626 color: #b2ddc5; 627} 628 629.topnav .nav-more.opened:after { 630 border-color: transparent transparent #b2ddc5 transparent; 631 bottom: 50%; 632 top: auto; 633 margin-bottom: -2px; 634} 635 636.more-drop { 637 display: none; 638 position: absolute; 639 z-index: 999; 640 background-color: rgba(80, 75, 71, 0.95); 641} 642 643.more-drop a { 644 color: #eee; 645} 646 647.more-drop a:hover { 648 text-decoration: none; 649 color: #afdcc2; 650} 651 652.more-drop nav { 653 width: 88%; 654 margin: 0 auto; 655} 656 657.more-drop nav > ul { 658 padding: 12px 0 8px; 659 float: left; 660 width: 48%; 661} 662 663.more-drop nav > ul > li > a { 664 font-family: "depot-new-condensed-web", sans-serif; 665 letter-spacing: 1px; 666 font-weight: 500; 667 text-transform: uppercase; 668 font-size: 15px; 669 margin-bottom: 4px; 670 display: block; 671} 672 673.more-drop nav > ul > li li { 674 margin-bottom: 5px; 675 line-height: 1.1; 676 font-size: 16px; 677} 678 679.more-drop .more-patron-services ul { 680 display: none; 681} 682 683.more-drop .more-rest { 684 margin-left: 4%; 685} 686 687 688.breadcrumb { 689 display: none; 690} 691 692h3.nav-header { 693 text-indent: -99999px; 694 height: 1px; 695} 696 697.nav-toggle { 698 -webkit-tap-highlight-color: transparent; 699 -webkit-touch-callout: none; 700 -webkit-user-select: none; 701 -moz-user-select: none; 702 -ms-user-select: none; 703 -o-user-select: none; 704 user-select: none; 705 position: relative; 706} 707/* 708.nav-toggle:after { 709 content: ""; 710 border-color: #75706b transparent transparent transparent; 711 border-style: solid; 712 border-width: 8px; 713 height: 0; 714 width: 0; 715 position: absolute; 716 right: 2%; 717 top: 50%; 718 margin-top: -4px; 719} 720*/ 721.nav-toggle.toggle-opened { 722 font-weight: 500; 723} 724 725.nav-toggle, .nav-collapse { 726 background-color: #e6e5e4; 727} 728 729.nav-toggle, .nav-collapse a { 730 display: block; 731 width: 100%; 732 font-size: 17px; 733 border-top: 1px solid #fff; 734 padding: 6px 10px; 735 color: #4e4a46; 736} 737 738.nav-toggle:hover, .nav-collapse a:hover { 739 text-decoration: none; 740 color: #181716; 741} 742 743.nav-collapse a { 744 padding-left: 20px; 745} 746 747.nav-collapse a:hover { 748 background-color: #f0efef; 749} 750 751.nav-collapse ul { 752 margin: 0; 753 padding: 0; 754 width: 100%; 755 display: block; 756 list-style: none; 757} 758 759.nav-collapse .here { 760 background-color: #f0efef; 761} 762 763.nav-collapse .here > a { 764 color: #222; 765} 766 767.nav-collapse .here > a:hover { 768 text-decoration: none; 769} 770 771.nav-collapse .here > a:after { 772 content: " »"; 773} 774 775.nav-collapse li { 776 width: 100%; 777 display: block; 778 background-color: #e6e5e4; 779} 780 781.nav-collapse li ul { 782 padding-bottom: 6px; 783} 784 785.nav-collapse li ul li { 786 background: none; 787} 788 789.nav-collapse li ul li a { 790 text-transform: uppercase; 791 border-top: 0px #fff solid; 792 letter-spacing: 1px; 793 font-size: 13px; 794 padding: 4px 10px 4px 40px; 795} 796 797.nav-collapse.opened { 798 max-height: 9999px !important; 799} 800/* 801.js .nav-collapse { 802 clip: rect(0 0 0 0); 803 max-height: 0; 804 position: absolute; 805 display: block; 806 overflow: hidden; 807 zoom: 1; 808} 809*/ 810.back-to-top li a { 811 border-top: 0px solid #fff; 812 padding: 0px 10px 7px; 813 text-transform: uppercase; 814 letter-spacing: 1px; 815 font-size: 12px; 816} 817 818.back-to-top li a:hover { 819 background-color: #e6e5e4; 820 text-decoration: underline; 821} 822 823.top-level .back-to-top { 824 display: none; 825} 826 827.general { 828 margin: 20px auto 30px; 829} 830 831 832.main-outer { 833 padding-bottom: 14px; 834} 835 836.main { 837 padding-bottom: 10px; 838} 839 840.main h1 { 841 padding-top: 18px; 842} 843 844.main ul li { 845 padding-left: 12px; 846 background: url(https://dppl.org/assets/images/bullet.png) no-repeat 0 9px; 847} 848 849.main ol li { 850 list-style-type: decimal; 851 margin-left: 25px; 852} 853 854.main table { 855 text-align: left; 856 margin-bottom: 20px; 857 font-size: 18px; 858 width: 100%; 859} 860 861.main table th, .main table td { 862 border: 1px solid #e7e7e7; 863 border-width: 0 0 1px; 864 padding: 4px 5px; 865} 866 867.main table th { 868 font-weight: bold; 869 background: #eee; 870} 871 872.main table tr:nth-child(even) td { 873 background-color: #f9f9f9; 874} 875 876.big-intro { 877 font-size: 25px; 878} 879 880.content-footer { 881 margin: 23px 0 17px; 882 background-color: #f2eeed; 883 font-size: 16px; 884 padding: 11px 17px 3px; 885} 886 887.content-footer h5 { 888 font-size: 13px; 889 text-transform: uppercase; 890 letter-spacing: 1px; 891 font-weight: bold; 892 margin-bottom: 3px; 893 color: #69635e; 894} 895 896.content-footer a { 897 color: #39928f; 898} 899 900
901.nav-back:before { 902 content: "? "; 903} 904 905.nav-advance:after { 906 content: " ?"; 907} 908 909.day-view .no-entries { 910 display: none; 911} 912 913.pagination { 914 margin-bottom: 32px; 915} 916 917a.nav-older, a.nav-newer { 918 width: 49.5%; 919} 920 921a.nav-older { 922 float: left; 923} 924 925a.nav-older:before { 926 content: "? "; 927} 928 929a.nav-newer { 930 float: right; 931} 932 933a.nav-newer:after { 934 content: " ?"; 935} 936 937 938.footer-group { 939 color: #fff; 940 font-size: 16px; 941 padding-bottom: 12px; 942} 943 944.footer-group h4 { 945 font-size: 14px; 946 text-transform: uppercase; 947 letter-spacing: 1px; 948 margin-bottom: 3px; 949 font-weight: 500; 950 color: #ffffff; 951} 952 953.footer-group p { 954 margin-bottom: 0; 955} 956 957.footer-group a { 958 color: #ddd; 959} 960 961.subscribe-wrap { 962 background-color: #48b7b2; 963} 964 965.subscribe { 966 text-shadow: 0px 1px 0px #86817c; 967} 968 969.subscribe form { 970 padding: 13px 0 15px; 971} 972 973.subscribe form h4 { 974 font-family: "futura-pt", "Futura Std", "brandon-grotesque", sans-serif; 975 font-weight: 700; 976 text-transform: none; 977 font-size: 17px; 978 letter-spacing: 0; 979} 980 981.subscribe form p { 982 margin-bottom: 3px; 983} 984 985.subscribe form input { 986 float: left; 987} 988 989.subscribe form input[type=email] { 990 outline: none; 991 font: 16px "brandon-grotesque", Futura, sans-serif; 992 color: #86817c; 993 width: 70%; 994 padding: 1px 2px 3px 3px; 995 border: 1px solid #1baca4; 996 border-right: none; 997 border-radius: 5px 0 0 5px; 998} 999 1000.subscribe form input[type=email]:focus, .subscribe form input[type=email]:active { 1001 color: #504b47; 1002} 1003 1004.subscribe form input[type=submit] { 1005 font-family: "depot-new-condensed-web", sans-serif; 1006 font-weight: 500; 1007 font-size: 14px; 1008 line-height: 1; 1009 letter-spacing: 1px; 1010 text-transform: uppercase; 1011 padding: 7px 0; 1012 background-color: #14807a; 1013 border-radius: 0 5px 5px 0; 1014 border-bottom: 1px solid #14807a; 1015 text-indent: 0; 1016 border: none; 1017 display: inline-block; 1018 color: #ffffff; 1019 width: 30%; 1020 text-decoration: none; 1021 text-align: center; 1022 cursor: pointer; 1023} 1024 1025.footer-wrap { 1026 background: #86817c url(https://dppl.org/assets/images/pattern-8.png); 1027} 1028 1029footer .supercol div { 1030 padding: 15px 0 0; 1031 text-shadow: 0px 1px 0px #504b47; 1032} 1033 1034footer div.last { 1035 padding-top: 0; 1036} 1037 1038footer td.days { 1039 padding-right: 14px; 1040} 1041 1042footer .social-links li { 1043 float: left;
1044 margin-top: 1px; 1045 width: 35px; 1046 height: 35px; 1047 line-height: 35px; 1048 text-indent: -9999px; 1049 margin-right: 8px; 1050 opacity: .8; 1051 background-image: url("https://dppl.org/assets/images/spritemap.png?1"); 1052} 1053 1054footer .social-links:hover { 1055 opacity: 1; 1056} 1057 1058footer .social-links a { 1059 display: block; 1060 height: 35px; 1061 line-height: 35px; 1062} 1063 1064footer .foot-facebook { 1065 background-position: 0 -140px; 1066} 1067 1068footer .foot-twitter { 1069 background-position: 0 -105px; 1070} 1071 1072footer .foot-vine { 1073 background-position: 0 -432px; 1074} 1075 1076footer .foot-podomatic { 1077 background-position: 0 -467px; 1078} 1079 1080footer .foot-pintrest { 1081 background-position: 0 -70px; 1082} 1083 1084footer .foot-ig { 1085 background-position: 0 0; 1086} 1087 1088footer .foot-youtube { 1089 background-position: 0 -35px; 1090} 1091 1092 1093@media screen and (min-width: 480px) { 1094 .container, footer, .more-drop nav, .main-blurb h2, .main-blurb p { 1095 width: 92%; 1096 } 1097 1098 .main-outer { 1099 min-height: 300px; 1100 } 1101 1102 .main-nav { 1103 padding-top: 102px; 1104 } 1105 1106 .main-nav > li { 1107 font-size: 17px; 1108 margin-left: 15px; 1109 } 1110 1111 .main-blurb { 1112 padding: 215px 0 4px; 1113 } 1114 1115 .masthead { 1116 border-bottom-width: 18px; 1117 } 1118 1119 1120 .more-drop .col1 { 1121 width: 66%; 1122 } 1123 1124 .more-drop .col1 > li { 1125 width: 49%; 1126 float: left; 1127 } 1128 1129 .more-drop .more-rest { 1130 width: 30%; 1131 float: left; 1132 } 1133 1134 .more-drop .more-patron-services { 1135 margin-left: 2%; 1136 } 1137 1138 .more-drop .more-patron-services ul { 1139 display: block; 1140 } 1141 1142} 1143@media screen and (min-width: 488px) { 1144 .banner { 1145 border-bottom: 31px solid #EFEFEF; 1146 } 1147 1148 .masthead { 1149 border-top: none; 1150 } 1151 1152 .branding { 1153 height: 102px; 1154 } 1155 1156 .branding .site-title { 1157 top: 14px; 1158 } 1159 1160 .main-nav { 1161 padding-top: 107px; 1162 } 1163 1164 .mobile-supernav { 1165 position: absolute; 1166 top: -32px; 1167 right: 0; 1168 margin-top: 0; 1169 background: none; 1170 } 1171 1172 .mobile-supernav ul li { 1173 padding: 0 7px; 1174 background: none; 1175 } 1176 1177 .mobile-supernav ul li a { 1178 font-weight: 500; 1179 font-size: 11px; 1180 height: 31px; 1181 line-height: 31px; 1182 letter-spacing: 0; 1183 padding: 2px 0px 10px; 1184 font-family: Futura, sans-serif; 1185 color: #504b47; 1186 background: none; 1187 } 1188 1189 .mobile-supernav .super-catalog { 1190 display: none; 1191 } 1192 1193 .mobile-supernav .super-account, mobile-supernav .super-search { 1194 border: none; 1195 } 1196 1197 .mobile-supernav .show-488 { 1198 display: inline-block; 1199 } 1200 1201 .main-blurb { 1202 padding-top: 260px; 1203 } 1204 1205 .map .bubble-outer { 1206 right: 47.5%; 1207 top: 13%; 1208 } 1209 1210 footer div.supercol { 1211 padding: 4px 0 10px; 1212 text-shadow: 0px 1px 0px #504b47; 1213 float: left; 1214 width: 48%; 1215 } 1216 1217 footer div.supercol.last { 1218 float: right; 1219 } 1220 1221 footer div.supercol div { 1222 padding-bottom: 10px; 1223 } 1224 1225 footer .social-links li { 1226 margin-left: 5px; 1227 margin-right: 0; 1228 opacity: .8; 1229 } 1230 1231 footer .social-links li:first-child { 1232 margin-left: 0; 1233 } 1234 1235 .blog .post footer { 1236 margin-top: 18px; 1237 } 1238} 1239@media screen and (min-width: 600px) { 1240 .mobile-supernav .show-600 { 1241 display: inline-block; 1242 } 1243 1244 .main-blurb { 1245 padding-top: 320px; 1246 } 1247 1248 .main-nav > li { 1249 margin-left: 22px; 1250 } 1251 1252} 1253@media screen and (min-width: 700px) { 1254 .mobile-supernav .show-700 { 1255 display: inline-block; 1256 } 1257} 1258 1259@media screen and (min-width: 768px) { 1260 .container, footer, .more-drop nav, .main-blurb h2, .main-blurb p { 1261 width: 94%; 1262 } 1263 1264 .homepage .masthead { 1265 border-bottom: 0px solid #69635e; 1266 -webkit-box-shadow: none; 1267 box-shadow: none; 1268 } 1269 1270 .homepage .cat-search { 1271 width: 100%; 1272 right: 0; 1273 top: 95px; 1274 padding: 7px 0; 1275 border: 1px solid #c7c5c4; 1276 border-radius: 4px; 1277 } 1278 1279 .homepage .cat-search input[type=text] { 1280 width: 95.7%; 1281 padding: 0 0 0 10px; 1282 font-size: 15px; 1283 } 1284 1285 .homepage .cat-search input[type=image] { 1286 width: auto; 1287 height: auto; 1288 margin-top: 0px; 1289 } 1290 1291 .homepage .cat-search .fake-submit { 1292 width: 18px; 1293 height: 18px; 1294 float: right; 1295 margin-right: 8px; 1296 cursor: pointer; 1297 display: inline-block; 1298 } 1299 1300 .branding { 1301 height: 106px; 1302 } 1303 1304 .branding .site-title { 1305 top: 22px; 1306 } 1307 1308 .branding .site-title a { 1309 width: 175px; 1310 height: 65px; 1311 line-height: 65px; 1312 background: url(/assets/images/logo.png) no-repeat 0 0; 1313 background-size: 175px; 1314 } 1315 1316 1317 1318 .main-nav { 1319 padding-top: 33px; 1320 position: relative; 1321 float: right; 1322 text-align: right; 1323 margin-right: 18px; 1324 position: relative; 1325 } 1326 1327 .main-nav .show-sub, .main-nav > li:focus .sub, .main-nav > li:hover .sub { 1328 top: 100%; 1329 left: 0; 1330 } 1331 1332 .main-nav > li { 1333 margin-left: 15px; 1334 font-size: 15px; 1335 float: left; 1336 } 1337 1338 .main-nav > li.mobile-hide { 1339 display: inline-block; 1340 } 1341 1342 .main-nav > li > a { 1343 float: left; 1344 font-family: "futura-pt", sans-serif; 1345 color: #706964; 1346 text-align: left; 1347 padding-top: 3px; 1348 } 1349 1350 .main-nav > li.nav-catalog a { 1351 padding-right: 0; 1352 padding-left: 4px; 1353 } 1354 1355 .main-nav > li.nav-catalog a:hover { 1356 background: #fff; 1357 color: #6ec7dc; 1358 } 1359 1360 .main-nav > li.nav-drop > a { 1361 padding: 3px 12px; 1362 position: relative; 1363 } 1364/* 1365 .main-nav > li.nav-drop > a:after { 1366 content: ""; 1367 top: 10px; 1368 right: -2px; 1369 border-color: #7b7b7b transparent transparent transparent; 1370 border-style: solid; 1371 border-width: 5px; 1372 height: 0; 1373 width: 0; 1374 position: absolute; 1375 } 1376*/ 1377 .main-nav .sub { 1378 display: block; 1379 position: absolute; 1380 left: -9999px; 1381 z-index: 9999; 1382 width: 100%; 1383 padding: 10px 10px; 1384 background: #f4f3f3; 1385 border: 6px solid #d5eff5; 1386 text-align: left; 1387 } 1388 1389 .main-nav .sub ul { 1390 margin: 0; 1391 float: left; 1392 } 1393 1394 .main-nav .sub a { 1395 display: block; 1396 padding: 4px 7px; 1397 line-height: 1.2; 1398 font-size: 16px; 1399 font-weight: bold; 1400 color: #504b47; 1401 } 1402 1403 .nav-drop .sub .col1, .nav-drop .sub .col2, .nav-drop .sub .col3 { 1404 width: 31%; 1405 margin-right: 3.5%; 1406 } 1407 1408 .nav-drop .sub ul:last-of-type { 1409 margin-right: 0; 1410 } 1411 1412 .nav-cal .sub li { 1413 float: left; 1414 } 1415 1416 .nav-cal .sub li:not(:last-child) { 1417 margin-right: 16px; 1418 } 1419 1420 .nav-resources .subjectsHead { 1421 width: 65%; 1422 float: left; 1423 text-transform: uppercase; 1424 font-size: 13px; 1425 padding: 0 7px; 1426 margin-bottom: 6px; 1427 font-weight: bold; 1428 } 1429 1430 .nav-resources .col1 li a, .nav-resources .col2 li a { 1431 font-size: 15px; 1432 padding-top: 2px; 1433 font-weight: normal; 1434 } 1435 1436 .nav-resources ul.resourceSubpages { 1437 border-right: 1px solid #ddd; 1438 padding-right: 10px; 1439 width: 31%; 1440 margin-right: 2.5%; 1441 } 1442 1443 .homepage .main-nav { 1444 margin-right: -9px; 1445 margin-bottom: 100px; 1446 } 1447 1448 .nav-more { 1449 display: none; 1450 } 1451 1452 .mobile-supernav .show-768 { 1453 display: inline-block; 1454 } 1455 1456 .main-blurb { 1457 position: absolute; 1458 bottom: 0; 1459 left: 0; 1460 padding-top: 10px; 1461 background: rgba(255, 255, 255, 0.95) repeat; 1462 color: #302d2a; 1463 } 1464 1465 .main-blurb h2 { 1466 font-size: 21px; 1467 color: #7a4845; 1468 padding-top: 0; 1469 } 1470 1471 .main-blurb a { 1472 color: #302d2a; 1473 } 1474 1475 .main-blurb .blurb-inner { 1476 background: none; 1477 } 1478 1479 .main-blurb .blurb-inner p { 1480 font-size: 18px; 1481 } 1482 1483 .ie8 .main-blurb { 1484 background: #EAE6D8; 1485 } 1486 1487 .home-hero { 1488 border-bottom: 1px solid #d7d4d2; 1489 } 1490 1491 .hero-mustard .main-blurb h2 { 1492 color: #a28f4a; 1493 } 1494 1495 .hero-warm-gray .main-blurb h2 { 1496 color: #86817c; 1497 } 1498 1499 .hero-light-purple .main-blurb h2 { 1500 color: #755969; 1501 } 1502 1503 .sub-features { 1504 padding-top: 25px; 1505 } 1506 1507 .sub-features div { 1508 width: 48.5%; 1509 padding-bottom: 12px; 1510 } 1511 1512 .sub-features .sub-feature1 { 1513 margin-right: 3%; 1514 } 1515 1516 .guides { 1517 padding-top: 12px; 1518 } 1519 1520 .home-main { 1521 padding: 20px 0 10px; 1522 -webkit-box-shadow: none; 1523 box-shadow: none; 1524 } 1525 1526 .from-blog { 1527 padding-bottom: 21px; 1528 } 1529 1530 .from-blog div { 1531 width: 30.5%; 1532 float: left; 1533 margin-left: 4%; 1534 text-align: center; 1535 } 1536 1537 .from-blog div.first { 1538 margin-left: 0; 1539 } 1540 1541 .from-blog .author { 1542 float: none; 1543 width: 80%; 1544 margin: 0 auto; 1545 } 1546 1547 .from-blog .author p { 1548 margin-bottom: 5px; 1549 } 1550 1551 .from-blog article { 1552 float: none; 1553 width: 100%; 1554 } 1555 1556 .from-blog article h5 { 1557 font-size: 17px; 1558 } 1559 1560 .subscribe form { 1561 padding: 15px 0 5px; 1562 } 1563 1564 .subscribe form div { 1565 float: left; 1566 width: 48.333333%; 1567 margin-left: 3.33333%; 1568 padding-top: 8px; 1569 } 1570 1571 .subscribe form div:first-child { 1572 margin-left: 0; 1573 padding-top: 0; 1574 } 1575 1576 .subscribe form h4 { 1577 font-size: 19px; 1578 margin-bottom: 1px; 1579 } 1580 1581 .subscribe form p { 1582 margin-bottom: 3px; 1583 font-size: 17px; 1584 } 1585 1586 .subscribe form input { 1587 float: left;
1588 margin-top: -1px; 1589 } 1590 1591 .subscribe form input[type=email] { 1592 outline: none; 1593 font: 18px "brandon-grotesque", Futura, sans-serif; 1594 color: #86817c; 1595 width: 75%; 1596 padding: 1px 2px 3px 5px; 1597 } 1598 1599 .subscribe form input[type=submit] { 1600 font-size: 16px; 1601 text-transform: uppercase; 1602 padding: 7px 0 8px; 1603 width: 25%; 1604 } 1605 1606 .general { 1607 margin-top: -3px; 1608 } 1609 1610 .js .nav-collapse { 1611 position: relative !important; 1612 } 1613/* 1614 .js .nav-collapse.closed { 1615 max-height: none !important; 1616 }*/ 1617 1618 .subnav-outer { 1619 float: left; 1620 width: 25%; 1621 margin: 9px 4% 40px 0; 1622 } 1623 1624 .subnav-outer .nav-toggle { 1625 display: none; 1626 } 1627 1628 .subnav-outer h3.nav-header { 1629 text-indent: 0px; 1630 height: auto; 1631 line-height: 1.1; 1632 margin-top: 25px; 1633 } 1634 1635 .subnav-outer h3.nav-header a { 1636 color: #5e5954; 1637 font-size: 12px; 1638 } 1639 1640 .nav-collapse a { 1641 padding-left: 10px; 1642 } 1643 1644 .nav-collapse li ul li a { 1645 padding-left: 24px; 1646 cursor: pointer; 1647 } 1648 1649 .nav-collapse li.overview { 1650 display: none; 1651 } 1652 1653 .nav-collapse .back-to-top { 1654 display: none; 1655 } 1656 1657 .top-level .subnav-outer { 1658 margin-top: 35px; 1659 } 1660 1661 .top-level .subnav-outer h3.nav-header { 1662 display: none; 1663 } 1664 1665 .main-outer { 1666 float: left; 1667 width: 71%; 1668 } 1669 1670 .main-outer.no-sidenav { 1671 width: 100%; 1672 } 1673 1674 .main-outer.full .main { 1675 width: 100%; 1676 } 1677 1678 .main-outer.full aside { 1679 display: none; 1680 } 1681 1682 .main h1 { 1683 padding-top: 0px; 1684 font-size: 26px; 1685 } 1686 1687 .content-footer { 1688 margin-bottom: 0; 1689 } 1690} 1691 1692 </style>
1692<script> 1693 $(document).ready(function(){ 1694 try{ 1695 try{Typekit.load({ async: false });}catch(e){}; 1696 } catch (e) { 1697 if (console) console.log('custom js error', e); 1698 } 1699 }); 1700 </script>
1700<script> 1701 window.addEventListener('WebComponentsReady', function() { 1702 1703 var components = [ 1704 'coAddress', 1705 'coBirthdate' 1706 ]; 1707 1708 for(var c=0;c<components.length;c++) { 1709 var link = document.createElement('link'); 1710 link.setAttribute('rel', 'import'); 1711 link.setAttribute('href', '/js/es6/components/' + components[c] + '/' + components[c] + '.html'); 1712 document.getElementsByTagName('head')[0].appendChild(link); 1713 } 1714 }); 1715 </script>
1715<link id='customstyle' href='/css/style/224' rel='stylesheet' type='text/css' /> 1716 1717 <!--[if lt IE 9]> 1718
1718<script src="/js/lib/html5.js"></script>
1718 1719
1719<script src="/js/lib/respond.min.js"></script>
1719 1720 <![endif]--> 1721 <!--[if lte IE 9]> 1722
1722<script 1723 type="text/javascript" 1724 src="//cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js" 1725 integrity="sha512-A2sj0WV8pRqcC1N+TGY6w+KpNYZDyV2LGwLqh1ezfV1yJPXrDX07bgumoJBJzeWGvZLDVNtiBfKznQzSo0NfqA==" 1726 crossorigin="anonymous" 1727 ></script>
1727 1728 <![endif]--> 1729
1729<script type='text/javascript' src='//use.typekit.net/mvs7qfk.js'></script>
vendor: 67 bytes, lines 1729-1731
1729 1730 1731 <script async src='https://www.googletagmanager.com/gtag/js?id=
1731G-KYFZDFMZRX
vendor: 12 bytes, line 1731
1731'></script>
1732<script>
vendor: 127 bytes, lines 1733-1736
1733window.dataLayer = window.dataLayer || []; 1734function gtag(){dataLayer.push(arguments);} 1735gtag('js', new Date()); 1736gtag('config', '
1736G-KYFZDFMZRX
vendor: 4 bytes, line 1736
1736');
1737</script>
1737 1738 </head> 1739 1740 <body> 1741 <a class="skip-main" href="#body" onclick="return skipToMainContent('#body');">Skip to main content</a> 1742 1743 <header> 1744 <div id="header"> 1745 <div class='hidden-md hidden-lg content' id='responsiveheader'><div id='responsiveheaderaltmessage'><p></p></div><div id='responsiveheaderimage'></div><div id='responsiveheadermessage'><p></p></div></div> 1746 <div id="htmlheader"> 1747 1748<div class="banner"></div> 1749<p><a href="#main" class="obscure">Skip to main content</a></p> 1750<div class="masthead container-wrap group"><header class="branding container"><span role="banner" class="site-title"><a href="http://dppl.org/" title="Des Plaines Public Library" rel="home">Des Plaines Public Library</a></span><nav class="mobile-supernav group" role="navigation" aria-label="Supplemental navigation"></nav><nav id="access" class="topnav" role="navigation" aria-label="Main menu"><a href="http://dppl.org/" title="Des Plaines Public Library" rel="home" id="A_1">Des Plaines Public Library</a> 1751<ul class="main-nav"> 1752<li class="nav-guides"><a href="https://www.dppl.org/patron-services">Services</a></li> 1753<li class="nav-cal nav-drop"> 1754<a href="https://calendar.dppl.org/events?v=grid">Calendar</a> 1755<div class="sub"> 1756<ul> 1757<li><a href="https://calendar.dppl.org/events">Upcoming</a></li> 1758<li><a href="https://calendar.dppl.org/events?a=Adults&r=thismonth"> For adults</a></li> 1759<li><a href="https://calendar.dppl.org/events?r=thismonth&t=Youth%20Program"> For kids</a></li> 1760<li><a href="https://calendar.dppl.org/events?r=thismonth&t=Teen%20Program"> For teens</a></li> 1761<li><a href="https://calendar.dppl.org/events?r=thismonth&t=Community%20Group"> By community</a></li> 1762<li><a href="https://calendar.dppl.org/myevents"> My events</a></li> 1763</ul> 1764</div> 1765</li> 1766<li class="nav-visit"><a href="https://www.dppl.org/kids">Kids</a></li> 1767<li class="nav-resources"><a href="https://www.dppl.org/thecanvas">The Canvas</a></li> 1768<li class="nav-catalog mobile-hide"><a href="https://desplaines.bibliocommons.com/">Catalog</a></li> 1769<li class="wide-hide"><a class="nav-more" href="#">More</a></li> 1770</ul> 1771</nav></header></div> 1772<div id="more-drop" class="more-drop container-wrap group"><nav> 1773<ul class="col1"> 1774<li class="more-resources"> 1775<a href="https://www.dppl.org/resources">Resources</a> 1776<ul> 1777<li class="first"><a href="http://dppl.org/resources/all">All resources</a></li> 1778<li><a href="http://dppl.org/resources/subjects">Subjects</a></li> 1779<li><a href="http://dppl.org/resources/kids-subjects">Kids' subjects</a></li> 1780<li><a href="http://dppl.org/resources/des-plaines-memory">Des Plaines Memory</a></li> 1781<li class="last"><a href="http://dppl.org/resources/tax-forms">Tax forms</a></li> 1782</ul> 1783</li> 1784<li class="more-patron-services"> 1785<a href="http://dppl.org/patron-services">Patron Services</a> 1786<ul> 1787<li class="first"><a href="http://dppl.org/patron-services/get-a-library-card">Get a library card</a></li> 1788<li><a href="http://dppl.org/patron-services/scan-your-card">Scan your card</a></li> 1789<li><a href="http://dppl.org/patron-services/notifications">Notifications</a></li> 1790<li><a href="http://dppl.org/patron-services/subscribe">Subscribe & Follow</a></li> 1791<li><a href="http://dppl.org/patron-services/loans-holds-fines"><g class="gr_ gr_86 gr-alert gr_gramm gr_inline_cards gr_run_anim Punctuation only-del replaceWithoutSep" id="86" data-gr-id="86"><g class="gr_ gr_86 gr-alert gr_gramm gr_inline_cards gr_run_anim Punctuation only-del replaceWithoutSep" id="86" data-gr-id="86">Loans,</g></g> holds, fines</a></li> 1792<li><a href="http://dppl.org/patron-services/bookvine"><g class="gr_ gr_258 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del multiReplace" id="258" data-gr-id="258">BookVine</g></a></li> 1793<li><a href="http://dppl.org/patron-services/devices">Devices</a></li> 1794<li><a href="http://dppl.org/patron-services/kids-devices">Kids' devices</a></li> 1795<li><a href="http://dppl.org/patron-services/mobile-apps">Mobile apps</a></li> 1796<li><a href="http://dppl.org/patron-services/book-groups">Book groups</a></li> 1797<li><a href="http://dppl.org/patron-services/writing-group">Writing group</a></li> 1798<li><a href="http://dppl.org/patron-services/in-for-a-penny">In for a Penny</a></li> 1799<li><a href="http://dppl.org/patron-services/computer-classes">Computer classes</a></li> 1800<li><a href="http://dppl.org/patron-services/test-proctoring">Test proctoring</a></li> 1801<li><a href="http://dppl.org/patron-services/suggest-purchase">Suggest a purchase</a></li> 1802<li><a href="http://dppl.org/patron-services/homebound-delivery">Homebound delivery</a></li> 1803<li class="last"><a href="http://dppl.org/patron-services/study-meeting-rooms">Study & meeting rooms</a></li> 1804</ul> 1805</li> 1806</ul> 1807<ul class="more-rest"> 1808<li class="show-488 menu-patrons "><a href="patron-services">Patron Services</a></li> 1809<li class="show-488 "><a href="blog">Blog</a></li> 1810<li class="show-488 "><a href="about">About</a></li> 1811<li class="show-488 "><a href="about/jobs">Jobs</a></li> 1812<li class="show-488 "><a href="contact">Contact</a></li> 1813</ul> 1814</nav></div> 1815
1816 </div> 1817 </div> 1818 </header> 1819 <div class="content"></div> 1820 <div id="accessibility" class="content"> 1821 <div class="accessibility-topbar"> 1822 <button class="button" type="button" onclick="return openAccessibility();">Close accessibility options</button> 1823 </div> 1824 1825 <div class="fluid-container"> 1826 <div class="row"> 1827 <div class="col-md-6"> 1828 <div class="row"> 1829 <div class="col-sm-6"> 1830 <ul class="accessibility-icons"> 1831 <li> 1832 <button 1833 type="button" 1834 aria-label="Set font size to standard" 1835 onclick=" 1836 document.body.style.fontSize = '100%'; 1837 return false; 1838 " 1839 ><img 1840 border="0" 1841 src="/images/accessibility/accessibility-a-small-icon.svg" 1842 alt="" 1843 aria-hidden="true" 1844 /></button> 1845 </li> 1846 <li> 1847 <button 1848 type="button" 1849 aria-label="Set font size to large" 1850 onclick=" 1851 document.body.style.fontSize = '140%'; 1852 return false; 1853 " 1854 ><img 1855 border="0" 1856 src="/images/accessibility/accessibility-a-medium-icon.svg" 1857 alt="" 1858 aria-hidden="true" 1859 /></button> 1860 </li> 1861 <li> 1862 <button 1863 type="button" 1864 aria-label="Set font size to extra large" 1865 onclick=" 1866 document.body.style.fontSize = '160%'; 1867 return false; 1868 " 1869 ><img 1870 border="0" 1871 src="/images/accessibility/accessibility-a-large-icon.svg" 1872 alt="" 1873 aria-hidden="true" 1874 /></button> 1875 </li> 1876 <li> 1877 <button 1878 type="button" 1879 onclick=" 1880 document.body.style.fontSize = '100%'; 1881 return false; 1882 " 1883 >Reset to standard size</button> 1884 </li> 1885 </ul> 1886 </div> 1887 <div class="col-sm-6"> 1888 <div class="accessibility-text"> 1889 <span class="accessibility-heading">Font size options</span> 1890 <div> 1891 Increase or decrease the font size for this website by clicking on the 'A's. 1892 </div> 1893 </div> 1894 </div> 1895 </div> 1896 </div> 1897 <div class="col-md-6"> 1898 <div class="row"> 1899 <div class="col-sm-6"> 1900 <ul class="accessibility-icons"> 1901 <li><button type="button" aria-label="Use yellow on black contrast" onclick="setStyleSheet('/accessibility.pcss?style=yellow%20on%20black')" 1902 ><img 1903 border="0" 1904 src="/images/accessibility/accessibility-contrast-y-b.svg" 1905 alt="" 1906 aria-hidden="true" 1907 /></button></li> 1908 <li><button type="button" aria-label="Use white on black contrast" onclick="setStyleSheet('/accessibility.pcss?style=white%20on%20black')" 1909 ><img 1910 border="0" 1911 src="/images/accessibility/accessibility-contrast-w-b.svg" 1912 alt="" 1913 aria-hidden="true" 1914 /></button></li> 1915 <li><button type="button" aria-label="Use soft greys contrast" onclick="setStyleSheet('/accessibility.pcss?style=soft%20greys')" 1916 ><img 1917 border="0" 1918 src="/images/accessibility/accessibility-contrast-softgreys.svg" 1919 alt="" 1920 aria-hidden="true" 1921 /></button></li> 1922 <li><button type="button" aria-label="Use black on linen contrast" onclick="setStyleSheet('/accessibility.pcss?style=black%20on%20linen')" 1923 ><img 1924 border="0" 1925 src="/images/accessibility/accessibility-contrast-b-l.svg" 1926 alt="" 1927 aria-hidden="true" 1928 /></button></li> 1929 <li><button type="button" aria-label="Use black on white contrast" onclick="setStyleSheet('/accessibility.pcss?style=black%20on%20white')" 1930 ><img 1931 border="0" 1932 src="/images/accessibility/accessibility-contrast-b-w.svg" 1933 alt="" 1934 aria-hidden="true" 1935 /></button></li> 1936 <li><button type="button" onclick="setStyleSheet('')">Reset to default contrast</button></li> 1937 </ul> 1938 </div> 1939 <div class="col-sm-6"> 1940 <div class="accessibility-text"> 1941 <span class="accessibility-heading">Contrast options</span> 1942 <div id="accessibilityText"> 1943 Choose a color combination to give the most comfortable contrast. 1944 </div> 1945 </div> 1946 </div> 1947 </div> 1948 </div>
1949 </div> 1950 </div> 1951 </div> 1952 <main id="body" class="content default desktop events-page "> 1953 1954 1955<main id="events-main" class="events bodysize content" aria-label="Events"></main>
1956<script type="text/javascript"> 1957 $(document).ready(function() { 1958 $('.events').amEvents({ 1959 client: 'desplaines', 1960 timezone:'America/Chicago', 1961 type:'0', 1962 locations:[], 1963 excludedLocations: [], 1964 view:'grid', 1965 range:'today', 1966 term:'', 1967 end: '', 1968 start: '', 1969 gridDate: '2026-09-24', 1970 apiServer:'https://api.communico.co', 1971 eventsGroupCalenderBAge:false, 1972 eventsCalendarShowCancelledEvents:false, 1973 filterMaxItems: '15', 1974 private:false, 1975 types:[], 1976 excludedTypes:[], 1977 ages:[], 1978 excludedAges:[], 1979 showBrochure: true, 1980 showRSS: false, 1981 showICAL: false, 1982 singleBranch: true, 1983 limitWaitlist: true, 1984 customEventsLabel: "events", 1985 customEventLabel: "event", 1986 allowSubs: true, 1987 allowWaitlistSubscription: false, 1988 customInterestedText: "Notify Me", 1989 brochureNoPopup: false, 1990 showImagesInListGrid: false, 1991 emitEvents: false, 1992 embeddedMode: false, 1993 embedSource: "", 1994 parentOrigin: "", 1995 testMode: 0, 1996 duration: '' 1997 }); 1998 }); 1999</script>
1999 2000 2001 2002 2003 </main> 2004 2005 <footer> 2006 <div id="footer"> 2007 <!--social_media--> 2008 2009<p style="padding-left: 3%;"><i class="fa fa-circle" style="color: #915652; padding-right: 5px;"></i>COMMUNITYÂ events are outside groups and not sponsored by the library. These events are open to the public.</p> 2010<div class="footer-group subscribe-wrap"> 2011<section id="subscribe" class="subscribe container-wrap"><form id="mad_mimi_signup_form" class="container group" role="form" accept-charset="UTF-8" action="https://madmimi.com/signups/subscribe/327f0391d2aa4ae58eebc31b01fc0b98" method="post"> 2012<div> 2013<h4></h4> 2014<h4>Subscribe to eForward</h4> 2015<p>Youâll get a weekly newsletter of interesting stuff.</p> 2016</div> 2017<div> 2018<input name="utf8" value="â" type="hidden"> <label for="email" class="obscure">Enter your email address</label> <input name="signup[email]" id="signup_email" data-required-field="This field is required" placeholder="[email protected]" type="email"> <input id="webform_submit_button" role="button" value="Subscribe" data-default-text="Subscribe" data-submitting-text="Sending..." data-invalid-text="â You forgot some required fields" data-choose-list="â Choose a list" data-thanks="Thank you!" type="submit"> 2019</div> 2020</form></section> 2021</div> 2022<div class="map-wrap"></div> 2023<div class="footer-group footer-wrap"><footer class="group container-wrap container" role="contentinfo"> 2024<div class="supercol first"> 2025<div id="foot1"> 2026<h4> 2027<a href="http://dppl.org/">DPPL HOME</a> | <a href="http://dppl.org/visit">VISIT</a> | <a href="http://dppl.org/visit/accessibility">ACCESSIBILITY</a> | <a href="http://dppl.org/findit">CATALOG</a> | <a href="http://ccsp.ent.sirsi.net/client/dppl/search/patronlogin/http:%24002f%24002fccsp.ent.sirsi.net%24002fclient%24002fdppl%24002fsearch%24002faccount%24003f">ACCOUNT</a> 2028</h4> 2029<p>Â </p> 2030<h4>Hours | <a href="http://dppl.org/visit/hours-days-closed">Scheduled Closings</a> 2031</h4> 2032<table style="height: 54px; width: 234px;"> 2033<tbody> 2034<tr style="height: 18px;"> 2035<td class="days" style="height: 18px; width: 125px;">Monday - Friday</td> 2036<td style="height: 18px; width: 93px;">9am â 9pm</td> 2037</tr> 2038<tr style="height: 18px;"> 2039<td class="days" style="height: 18px; width: 125px;">Saturday</td> 2040<td style="height: 18px; width: 93px;">9am â 5pm</td> 2041</tr> 2042<tr style="height: 18px;"> 2043<td class="days" style="height: 18px; width: 125px;">Sunday</td> 2044<td style="height: 18px; width: 93px;">1pm â 5pm</td> 2045</tr> 2046</tbody> 2047</table> 2048</div> 2049<div id="foot2"> 2050<h4>Address</h4> 2051<p>1501 Ellinwood Street<br>Des Plaines, IL 60016</p> 2052</div> 2053</div> 2054<div class="supercol last"> 2055<div id="foot3"> 2056<h4>Contact</h4> 2057<p>(847) 827-5551<br>Fax: (847) 827-7974<br><a href="mailto:[email protected]">[email protected]</a></p> 2058</div> 2059<div id="foot4"> 2060<h4>Elsewhere</h4> 2061<ul class="social-links"> 2062<ul class="social-links"> 2063<li class="foot-facebook"><a href="http://www.facebook.com/DPLibrary">Facebook</a></li> 2064<li class="foot-twitter"> 2065<a href="https://twitter.com/dppl">Twitter</a><a href="http://pinterest.com/dpplib/"></a> 2066</li> 2067<li class="foot-ig"><a href="https://instagram.com/des.plaines.library">Instagram</a></li> 2068<li class="foot-youtube"><a href="http://www.youtube.com/c/DesPlainesPublicLibrary1501">YouTube</a></li> 2069<li class="foot-podomatic"><a href="http://dppl.podomatic.com/">Podomatic</a></li> 2070</ul> 2071</ul> 2072</div> 2073</div> 2074</footer></div> 2075 2076 </div> 2077 <div id="default_footer"> 2078 <a class='sideload' href='/privacy'>Privacy and cookie policy</a> | <a href='#' onclick='openAccessibility()'>Accessibility</a> | <a href='http://communico.co'>Communico</a><br/><br/> 2079 <span style='font-size:80%'>Connected content from Communico. © 2026.</span> 2080 </div> 2081 </footer> 2082
2082<script type='text/javascript' src='/js/lib/jquery.shapeshift.min.js?v=1480'></script>
vendor: 1 bytes, line 2082
2082
2083<script type='text/javascript' src='//cdn.libnet.info/js/bootstrap-multiselect/0.9.13/bootstrap-multiselect.min.js' integrity='sha512-p/rWSzeAUmYFvtMy6D5VfINfnHEWSz1h87a7fyGMaQQGmniI54CGQyecfvy5MTtGzZ80CyL/JG39SfVJjqiUJw==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 2083
2083
2084<script type='text/javascript' src='/js/am-shared.js?v=1480'></script>
vendor: 1 bytes, line 2084
2084
2085<script type='text/javascript' src='//cdn.libnet.info/js/twitter-bootstrap/3.4.1/bootstrap.min.js' integrity='sha512-oBTprMeNEKCnqfuqKd6sbvFzmFQtlXS3e0C/RGFV0hD6QzhHV+ODfaQbAlmY6/q0ubbwlAM/nCJjkrgA3waLzg==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 2085
2085
2086<script type='text/javascript' src='/js/lib/bootstrap-timepicker.js?v=1480'></script>
vendor: 1 bytes, line 2086
2086
2087<script type='text/javascript' src='//cdn.libnet.info/js/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.js' integrity='sha512-Yk47FuYNtuINE1w+t/KT4BQ7JaycTCcrvlSvdK/jry6Kcxqg5vN7/svVWCxZykVzzJHaxXk5T9jnFemZHSYgnw==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 2087
2087
2088<script type='text/javascript' src='/js/lib/bootstrap-datepicker.min.js?v=1480'></script>
vendor: 1 bytes, line 2088
2088
2089<script type='text/javascript' src='/js/lib/jquery.cycle2.min.js?v=1480'></script>
vendor: 1 bytes, line 2089
2089
2090<script type='text/javascript' src='/js/jquery.tweet.min.js?v=1480'></script>
vendor: 1 bytes, line 2090
2090
2091<script type='text/javascript' src='//cdn.libnet.info/js/jQuery.dotdotdot/1.7.2/jquery.dotdotdot.min.js' integrity='sha512-En43ubdM+iORz+sRSvgoT8rNOSRoFhSZqpSYE/peTL+18AhGWH4iL80jUfgLLE6NguB8IYZpJ/W72LpNRdYAaw==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 2091
2091
2092<script type='text/javascript' src='//cdn.libnet.info/js/rome/2.1.14/rome.min.js' integrity='sha512-YK82PgTowJa7qObvSJ87e49YSPhZXMWv1tkn+Np8pXgg32Q3vZKTco/yORo17F+rZtbC3krSX+ZMEqtQ1PDrbQ==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 2092
2092
2093<script type='text/javascript' src='/js/jquery.zrssfeed.min.js?v=1480'></script>
vendor: 1 bytes, line 2093
2093
2094<script type='text/javascript' src='//cdn.libnet.info/js/qtip2/3.0.3/jquery.qtip.min.js' integrity='sha512-BxJRFdTKV85fhFUw+olPr0B+UEzk8FTLxRB7dAdhoQ7SXmwMECj1I4BlSmZfeoSfy0OVA8xFLTDyObu3Nv1FoQ==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 2094
2094
2095<script type='text/javascript' src='/js/lib/jquery.cookie.min.js?v=1480'></script>
vendor: 1 bytes, line 2095
2095
2096<script type='text/javascript' src='/js/lib/json3.min.js?v=1480'></script>
vendor: 1 bytes, line 2096
2096
2097<script type='text/javascript' src='/js/am-events-listings.js?v=1480'></script>
vendor: 1 bytes, line 2097
2097
2098<script type='text/javascript' src='//cdn.libnet.info/js/sticky-kit/1.1.3/sticky-kit.min.js' integrity='sha512-MAhdSIQcK5z9i33WN0KzveJUhM2852CJ1lJp4o60cXhQT20Y3friVRdeZ5TEWz4Pi+nvaQqnIqWJJw4HVTKg1Q==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 2098
2098
2099<script type='text/javascript' src='//cdn.libnet.info/js/jquery.payment/3.0.0/jquery.payment.min.js' integrity='sha512-vBu5d4hztWcpvKmp+qUS8afvWUMjTd59Z7ci0j6YnKu83yy6Xh/VxtgZqIteIFaK3gMYDm0AnOp3pEF4z6afMw==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 2099
2099
2100<script type='text/javascript' src='/js/am-reserve-booker.v3.js?v=1480'></script>
vendor: 1 bytes, line 2100
2100
2101<script type='text/javascript' src='/js/am-reserve-room.v3.js?v=1480'></script>
vendor: 1 bytes, line 2101
2101
2102<script type='text/javascript' src='//cdn.libnet.info/js/jquery.sticky/1.0.4/jquery.sticky.min.js' integrity='sha512-QABeEm/oYtKZVyaO8mQQjePTPplrV8qoT7PrwHDJCBLqZl5UmuPi3APEcWwtTNOiH24psax69XPQtEo5dAkGcA==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 2102
2102
2103<script type='text/javascript' src='/js/am-room-info.js?v=1480'></script>
vendor: 1 bytes, line 2103
2103
2104<script type='text/javascript' src='/js/am-room-picker.js?v=1480'></script>
vendor: 1 bytes, line 2104
2104
2105<script type='text/javascript' src='//cdn.libnet.info/js/bootstrap-datetimepicker/4.17.37/bootstrap-datetimepicker.min.js' integrity='sha512-Y+0b10RbVUTf3Mi0EgJue0FoheNzentTMMIE2OreNbqnUPNbQj8zmjK3fs5D2WhQeGWIem2G2UkKjAL/bJ/UXQ==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 2105
2105
2106<script type='text/javascript' src='//cdn.libnet.info/js/moment-timezone/0.6.0/moment-timezone-with-data.min.js' integrity='sha512-+FcC+reETRqrbKDor++Otoek++yhj4Q1pu/VjNTYHywub+2uoKV+0o0C+yLDun7b+MzAQ0qz9G5ShZUUJpxN1Q==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 2106
2106
2107<script type='text/javascript' src='/js/am-reserve-picker.v3.js?v=1480'></script>
vendor: 1 bytes, line 2107
2107
2108<script type='text/javascript' src='/js/am-subscriptions.js?v=1480'></script>
vendor: 1 bytes, line 2108
2108
2109<script type='text/javascript' src='/js/am-subscriptions.js?v=1480'></script>
vendor: 1 bytes, line 2109
2109
2110<script type='text/javascript' src='/js/am-channel.js?v=1480'></script>
vendor: 1 bytes, line 2110
2110
2111<script type='text/javascript' src='/js/card-signup.js?v=1480'></script>
vendor: 1 bytes, line 2111
2111
2112<script type='text/javascript' src='/js/custom.js?v=1480'></script>
vendor: 1 bytes, line 2112
2112
2113<script type='text/javascript' src='/js/es6/dist/coUtilsComp.js?v=1480'></script>
vendor: 1 bytes, line 2113
2113
2114<script type='text/javascript' src='/js/es6/dist/coEventBillingComp.js?v=1480'></script>
vendor: 1 bytes, line 2114
2114
2115<script type='text/javascript' src='/js/es6/coRooms/coRooms-comp.js?v=1480'></script>
vendor: 1 bytes, line 2115
2115
2116<script type='text/javascript' src='//cdn.libnet.info/js/noUiSlider/14.0.2/nouislider.min.js' integrity='sha512-cxew3BIHteKU8gsydtZpj/BZPPmgKMF04NT6oPB/9BDIq8VKHzX9Q58l574b7xnklw81ZQ33gD1YumK8ea34hw==' crossorigin='anonymous'></script>
2116 2117 2118
2118<script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.3.3/custom-elements-es5-adapter.js" integrity="sha512-FFn4n1AAKwhX5px0JWxRoLLpvvnm59OqY0yZjIpuI/X8zYCMyyAcc8hdI80jplkiferEwmkeVvUFM7vOU7zViw==" crossorigin="anonymous"></script>
2118 2119
2119<script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.3.3/webcomponents-lite.js" integrity="sha512-7cpa7iIxY9Fz1D454GUQi8Wp/XKAY1l85H5hQcDddSP7audU+KLUfa3WdIbE1sZVO5g/tp369hWWu++y+LNeIg==" crossorigin="anonymous"></script>
2119 2120
2120<script type="text/javascript"> 2121 function skipToMainContent(targetSelector) { 2122 var target = targetSelector ? document.querySelector(targetSelector) : null; 2123 if (!target) { 2124 return true; 2125 } 2126 if (!target.hasAttribute("tabindex")) { 2127 target.setAttribute("tabindex", "-1"); 2128 target.setAttribute("data-skip-main-focus", "1"); 2129 } 2130 if (window.history && window.history.pushState) { 2131 window.history.pushState(null, document.title, targetSelector); 2132 } else { 2133 window.location.hash = targetSelector; 2134 } 2135 window.setTimeout(function () { 2136 if (target.scrollIntoView) { 2137 target.scrollIntoView(); 2138 } 2139 target.focus(); 2140 }, 0); 2141 target.addEventListener("blur", function cleanup() { 2142 if (target.getAttribute("data-skip-main-focus") === "1") { 2143 target.removeAttribute("tabindex"); 2144 target.removeAttribute("data-skip-main-focus"); 2145 } 2146 target.removeEventListener("blur", cleanup); 2147 }); 2148 return false; 2149 } 2150 2151 $(function () { 2152 var accessibilityText = ""; 2153 switch (document.querySelector("meta[name=region]").content) { 2154 case "us": 2155 accessibilityText = "Choose a color combination to give the most comfortable contrast."; 2156 break; 2157 default: 2158 accessibilityText = "Choose a colour combination to give the most comfortable contrast."; 2159 break; 2160 } 2161 document.getElementById("accessibilityText").innerText = accessibilityText; 2162 }); 2163 </script>
2163 2164 </body> 2165</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.