1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <meta name="csrf-param" content="authenticity_token" /> 8<meta name="csrf-token" content="m0Ci_f5hyTWF6JywbuxyD6OIo5ew5SbpCS0me0dv_u4vecO58OEEYk4PMisyLesYDKGrGfowYLXGSUf67O28jA" /> 9 <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 10
10<script nonce="UiWTxXJtp6qv86uHse6JxQ==">
vendor: 388 bytes, lines 10-15
10(function(w,d,s,l,i){ 11 w[l]=w[l]||[];w[l].push({'gtm.start': 12 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 13 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 14 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 15 })(window,document,'script','dataLayer','
15GTM-NWX8PGW
vendor: 3 bytes, line 15
15');
15</script>
15 16 17 18 <title>About Us - The Mad Hatters Bookshop</title> 19 20 <meta itemprop="title" content="About Us - The Mad Hatters Bookshop"> 21 <meta itemprop="name" content="The Mad Hatters Bookshop"> 22 <meta itemprop="description" content="The Mad Hatters Bookshop is a mini-wonderland and bookstore in the heart of Manly, QLD. Books & gifts for all ages. "> 23 24 <!-- Google meta titles and meta descriptions --> 25 <meta name="title" content="About Us - The Mad Hatters Bookshop"> 26 <meta name="description" content="About Us"> 27 <meta name="author" content="The Mad Hatters Bookshop"> 28 <meta name="publisher" content="The Mad Hatters Bookshop"> 29 <meta name="theme-color" content="#909090" /> 30 <link rel="canonical" href="https://madhattersbookshop.com.au/pages/1688-AboutUs" /> 31 32 <!-- Open Graph --> 33 34 35 36 37 <meta property="og:site_name" content="The Mad Hatters Bookshop" /> 38 <meta property="og:title" content="About Us - The Mad Hatters Bookshop" /> 39 <meta property="og:description" content="The Mad Hatters Bookshop is a mini-wonderland and bookstore in the heart of Manly, QLD. Books & gifts for all ages. " /> 40 <meta property="og:type" content="ecommerce" /> 41 42 <meta property="og:image" content="https://storage.googleapis.com/circlesoft/document/photos/003/227/603/meta_full-width-bannerv4.png?1598572029" /> 43 44 <meta property="og:publisher" content="The Mad Hatters Bookshop"> 45 <meta property="og:url" content="https://www.madhattersbookshop.com.au" /> 46 47 48 49
49<script type="application/ld+json"> 50{ 51 "@context": "http://schema.org", 52 "@type": "Bookstore", 53 "image": "https://madhattersbookshop.com.au", 54 "@id": "https://madhattersbookshop.com.au", 55 "name": "The Mad Hatters Bookshop", 56 "address": { 57 "@type": "PostalAddress", 58 "streetAddress": "Shop 3, 7 Day Markets", 59 "addressLocality": "Manly", 60 "addressRegion": "QLD", 61 "postalCode": "4179", 62 "addressCountry": "AU" 63 }, 64 "url": "https://madhattersbookshop.com.au", 65 "telephone": "0431 615 787" 66} 67</script>
67 68 69 <meta name="robots" content="index, follow" /> 70 71 <!-- fav and touch icons --> 72 <link rel="icon" href="https://storage.googleapis.com/circlesoft/document/photos/003/227/602/original_favicon.png?1598566299" /> 73 74 75 <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800|Raleway:400,500,600,700,900" rel="stylesheet"> 76 77 <link rel="stylesheet" href="https://cdnmaster4.circlesoft.net/assets/application-becfb0a1912c5042f4cde97e6b3dcf6e934b8f72fc11266e4ff456dd3f5fabac.css" nonce="UiWTxXJtp6qv86uHse6JxQ==" /> 78 79
79<script src="https://cdnmaster4.circlesoft.net/assets/alpine_js.min-aed5e259999a9c819b54638ac94573805f65d3e94363fb228195a0e8a0cd8c26.js" nonce="UiWTxXJtp6qv86uHse6JxQ==" defer="defer"></script>
79 80
80<script src="https://cdnmaster4.circlesoft.net/assets/application-ffbb3b7caf3a76534292214ef25d9ca47dacb727e1398f4499a16b3f93bd2bb4.js" nonce="UiWTxXJtp6qv86uHse6JxQ=="></script>
80 81 82
82<script src="https://cdnmaster4.circlesoft.net/assets/jquery.lazyload-0f914751dde4d73dd6ba0c38f45b549280753aacce1654667c6862c9d3e3bf15.js" nonce="UiWTxXJtp6qv86uHse6JxQ=="></script>
vendor: 1 bytes, line 82
82
83<script nonce="UiWTxXJtp6qv86uHse6JxQ=="> 84 $(function() { 85 loadLazyLoadedImages(); 86 $('.owl-next, .owl-prev, .owl-carousel').on("click", function () { 87 setTimeout(loadLazyLoadedImages, 500); 88 }); 89 90 $(window).on("resize", function() { 91 setTimeout(loadLazyLoadedImages, 500); 92 }); 93 94 $('html, body').on("click", function () { 95 setTimeout(loadLazyLoadedImages, 500); 96 }); 97 98 function loadLazyLoadedImages() { 99 if ($('.lazyload').length) { 100 $('.lazyload').on("error", function () { 101 $(this).off('error').attr('src', "https://cdnmaster4.circlesoft.net/assets/nophoto-7ea475a5e85c82d081508a01bce15d0abfd1b1244e9e1184f569d11a0500a70b.jpg"); 102 }); 103 104 $('.lazyload').lazyload({ 105 skip_invisible: false, 106 effect: 'fadeIn', 107 failure_limit: 50, 108 threshold: 0 109 }); 110 } 111 } 112 113 $(document).ready(function(){ 114 $('.lazyload').each(function() { 115 $(this).attr('src', $(this).data('original')); 116 }); 117 }); 118 }); 119</script>
119 120 121
121<script src="https://cdnmaster4.circlesoft.net/assets/elastic-apm-rum.umd.min-df890bb04ebf415eaf3ddd22d7c8b598e5fca02afbb80d7c3ed305c7c36e78e9.js" nonce="UiWTxXJtp6qv86uHse6JxQ=="></script>
121 122
122<script nonce="UiWTxXJtp6qv86uHse6JxQ=="> 123//<![CDATA[ 124 125 window._apm_service_name = "prod8-0-bots"; 126 window._apm_service_url = "https://apm.circlepos.com:443/rum/"; 127 window._apm_mapping_url = "https://storage.googleapis.com/circlesoft-cdn/cdnmaster4.circlesoft.net/assets/elastic-apm-rum.umd.min.js.map"; 128 window._apm_active = true; 129 window._apm_transaction_sample_rate = 0.3; 130 window._apm_breakdown_metrics = true; 131 132//]]> 133</script>
133
133<script src="https://cdnmaster4.circlesoft.net/assets/elastic-apm-init-70844a7c3967a0360c4b8e9dd1a54a527e51364dc37a6809edbb50dbf9c557f0.js" nonce="UiWTxXJtp6qv86uHse6JxQ=="></script>
vendor: 75 bytes, lines 133-139
133 134 135 136 <script src="https://www.google.com/recaptcha/api.js"></script> 137 138 139
139<script>
vendor: 351 bytes, lines 139-145
139 140 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 141 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 142 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 143 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 144 145 ga('create', '
145UA-100720630-1
vendor: 42 bytes, lines 145-147
145', 'auto'); 146 ga('send', 'pageview'); 147
148</script>
148 149
150<script>
vendor: 351 bytes, lines 150-156
150 151 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 152 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 153 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 154 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 155 156 ga('create', '
156UA-66014747-42
vendor: 42 bytes, lines 156-158
156', 'auto'); 157 ga('send', 'pageview'); 158
159</script>
159 160<!-- circle:checkout-name-trim v1 START (remove this block to revert) -->
161<script> 162 (function () { 163 if (!window.location.pathname.includes('/cart/checkout')) return; 164 var normalizeName = function () { 165 var el = document.getElementById('address_name'); 166 if (el) el.value = el.value.trim().replace(/\s+/g, ' '); 167 }; 168 var bind = function () { 169 var el = document.getElementById('address_name'); 170 if (!el) return false; 171 if (el.dataset.nameTrimBound) return true; 172 el.dataset.nameTrimBound = '1'; 173 el.addEventListener('blur', normalizeName); 174 var btn = document.getElementById('btn-validate-action'); 175 if (btn) btn.addEventListener('click', normalizeName, true); 176 return true; 177 }; 178 var start = function () { 179 if (bind()) return; 180 var observer = new MutationObserver(function () { 181 if (bind()) observer.disconnect(); 182 }); 183 observer.observe(document.body, { childList: true, subtree: true }); 184 }; 185 if (document.body) start(); 186 else document.addEventListener('DOMContentLoaded', start); 187 })(); 188</script>
188 189<!-- circle:checkout-name-trim v1 END --> 190 191 <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml"> 192 193 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato" nonce="UiWTxXJtp6qv86uHse6JxQ==" /> 194 <style type='text/css' nonce="aQppx8jUVLj+RIkEakvNEg=="> 195 @media(min-width:1200px) { .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1170px !important; } } 196 @media(max-width:1199px) and (min-width: 980px) { .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 960px !important; } } 197 @media(max-width:979px) and (min-width: 768px) { .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 724px !important; } } 198 @media(max-width:767px) { .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container { width: auto; }} 199 200 /* general */ 201 body { 202 background-image: url("https://storage.googleapis.com/circlesoft/document/photos/003/227/605/original_background-wall-lighter.jpg?1598567887"); 203 } 204 205 /*Apply google fonts if specified in settings*/ 206 body, input, a, div, .button , button, select, textarea, p, span{ 207 font-family: Lato; 208 } 209 .navbar-default .navbar-nav>li>a { 210 font-family: Lato; 211 } 212 213 .book-name, .stock-count, .title-text, label, ul.nav li{ 214 font-family: Lato !important; 215 } 216 217 218 ************************/ 219 .homepage .page-header { margin: 0; border-bottom: 0; } 220 .homepage .header h1, .page-header h1 { font-size: 1.5em; line-height: 1.2em; } 221 .homepage .header .side-links { clear: right; float: right; } 222 .homepage .header + .empty { border-top: 1px solid #ccc; } 223 .homepage .page-content { margin-bottom: 10px; padding: 10px; border: 1px solid #ccc; } 224 225 /************************ 226 * Categories 227 ************************/ 228 #category-list { background: #ddd; padding-left:0px;padding-right:0px; } 229 .categories { background: #ddd; } 230 .categories h2 { color: #FFFFFF; } 231 .categories ul { width: 100%; padding: 0; margin: 0; list-style-type: none; font-size: 15px; } 232 .categories ul.highlighted { font-weight: bold; border-bottom: 2px solid black; } 233 234 .categories ul li { color: #666; background: #ddd; padding: 0.4em 1em; margin: 0; text-align: left;} 235 .categories ul li:last-child { border-bottom: 0; } 236 .categories ul li a { color: #666; text-decoration: none; display: block; } 237 .categories ul li a:hover { color: #000; } 238 239 .categories ul li.promoted { background: #c6c6c6; } 240 241 .categories ul li.main { background: #fff; } 242 243 .categories ul ul { font-weight: normal; } 244 .categories ul ul li { background: #fff; padding: 0 1em; font-size: 0.85em; border-bottom: 0; } 245 .categories ul ul li.sub > a { color: white; } 246 .categories ul ul li.active { font-weight: bold; } 247 248 /* Color setting for side list menu */ 249 .categories ul li { 250 background-color:#FFFFFF; 251 } 252 /************************ 253 * End Categories 254 ************************/ 255 256 /* Catalog */ 257 #catalog-container{ 258 margin-top: 20px; 259 /* color setting for catalog */ 260 background-color: white; 261 } 262 263 .featured-category-header a, .featured-category-header a:visited, a.featured-product-header, a.featured-product-header:visited { 264 color: #371828; 265 } 266 .category-header a, .category-header a:visited { 267 color: #0088cc; 268 } 269 270 /************************ 271 * Discount flag 272 ************************/ 273 .product .flag, 274 .inline-block .flag { 275 position: absolute; 276 top: 0; 277 left: 0; 278 width: 0; 279 height: 0; 280 border-right: 27px solid transparent; 281 border-top: 27px solid #dd305a; 282 border-left: 27px solid #dd305a; 283 border-bottom: 27px solid transparent; 284 z-index: 99; 285 } 286 287 .product .flag .tag, 288 .inline-block .flag .tag { 289 margin-top: -20px; 290 margin-left: -22px; 291 width: max-content; 292 } 293 294 .product .flag .tag span,
295 .inline-block .flag .tag span { 296 font-weight: bold; 297 color: #FFFFFF; 298 } 299 /************************ 300 * End Discount flag 301 ************************/ 302 303 /*color options for category headers*/ 304 305 .fill-nav, .navbar-blue{ 306 background-image: linear-gradient(#909090, #909090); 307 border-color: #909090; 308 border-radius: 0px 0px 4px 4px; 309 } 310 311 .nav-link a { 312 color: #FFFFFF; 313 } 314 .top-navbar .nav > li > a{ 315 color: #FFFFFF; 316 } 317 .nav-link a:hover { 318 color: #090909; 319 } 320 321 .top-navbar .nav > li > a:hover{ 322 color: #090909; 323 } 324 .top-navbar{ 325 color: #090909; 326 } 327 .top-navbar .nav > li > a:hover{ 328 color: #090909; 329 } 330 .top-navbar .navbar-brand { 331 background-image: linear-gradient(#909090, #909090); 332 border-color: #909090; 333 } 334 .top-navbar .navbar-toggle { 335 display: none; 336 background-image: linear-gradient(#909090, #909090); 337 border-color: #909090; 338 } 339 .top-navbar .navbar-toggle:hover { 340 background-color: #909090); 341 border-color: #909090; 342 } 343 .top-navbar .navbar-brand { color: white; } 344 345 346 /* Background color settings for headers */ 347 .home-box, .categories-header{ 348 background-color: white; 349 } 350 /*color setting for links */ 351 a, #topnav a { color: #c0171b; text-decoration:none; } 352 a:hover, #topnav a:hover { color: #990000; } 353 354 /* Footer */ 355 #footer{ 356 background-color: #c0171b; 357 } 358 359 #footer a:hover{ 360 color: #F0F0F0; 361 } 362 #footer .nav > li > a:hover, .nav > li > a:focus{ 363 background-color: unset; 364 color: #F0F0F0; 365 } 366 #footer .nav > li > a, #footer a, #footer p, #footer div{ 367 color: #FFFFFF; 368 } 369 #banner { background-color: white; } 370 371 .sub-page-menu li { 372 font-family: Lato; 373 } 374 375 .sub-page-menu, .sub-page-menu li { 376 background-color: #909090; 377 } 378 .sub-page-menu li a, .nav-link a { 379 color: #FFFFFF; 380 } 381 .navbar-inverse .nav > li > a{ 382 color: #FFFFFF; 383 } 384 385 .nav-link a:hover { 386 color: #090909; 387 } 388 .navbar-inverse .nav > li > a:hover{ 389 color: #090909; 390 } 391 .navbar-inverse .navbar-brand { 392 background-image: linear-gradient(#909090, #909090); 393 border-color: #909090; 394 } 395 .navbar-inverse .navbar-toggle { 396 display: none; 397 background-image: linear-gradient(#909090, #909090); 398 border-color: #909090; 399 } 400 .navbar-inverse .navbar-toggle:hover { 401 background-color: #909090); 402 border-color: #909090; 403 } 404 405 406 @media (min-width: 479px) { 407 .navbar.top-navbar .navbar-brand { 408 } 409 .navbar .container-fluid { padding-left: 0; padding-right: 0; } 410 411 .quick_search_category { color: white; } 412 .quick_search_category > label { color: white; } 413 .quick_search_category a { color: white; } 414 415 #advanced_search_fields > input { margin: 0 2px 2px 0; } 416 } 417 418 @media (max-width: 480px) { 419 #banner { background-color: white; } 420 /* .banner-img { display: none; }*/ 421 422 #search { float: left; width: 100%; margin: 0; } 423 #search .searchattributeinput { width: 90%; margin: 0 auto; display: block; } 424 #search .search_button { display: none; } 425 426 .top-navbar .navbar-brand, .top-navbar .navbar-text, 427 .bottom-navbar, #bottom-copyright { float: none; text-align: center; } 428 .mid-navbar { margin-top: 18px; } 429 430 body { padding: 0; } 431 } 432 @media (max-width: 979px) { 433 .navbar-inverse .navbar-brand { color: white; } 434 } 435 @media (min-width: 980px) { 436 .navbar .navbar-brand { color: transparent; display: none; } 437 } 438 439 .cart { border-top-color: white; } 440 441 /* Override btn color */ 442 .browse-category h2, .custom-header { 443 background-color: #909090; 444 border-color: #909090; 445 } 446 447 .btn-primary, .basketbtn .btn.btn-primary.btn-xs { 448 background-color: #c0171b; 449 border-color: #c0171b; 450 } 451 .btn-primary:hover { 452 background-color: #c0171b; 453 border-color: #c0171b; 454 box-shadow:inset 0 0 0 99999px rgba(255,255,255,0.3); 455 } 456 457 .btn-outline-primary { 458 /* background-color: #c0171b; */ 459 border-color: #c0171b; 460 color: #c0171b; 461 } 462 463 .btn-outline-primary:hover { 464 background-color: #c0171b; 465 border-color: #c0171b; 466 color: white; 467 } 468 469 470 .btn-primary-text { 471 background-color: transparent; 472 border-color: transparent; 473 color: #c0171b; 474 } 475 476 .btn-primary-text:hover { 477 color: #c0171b7a; 478 } 479 480 /*---mobile navbar and sidebar ----*/ 481 #nav-sidebar a, 482 .nav-sidebar-wrapper .nav-sidebar__header div label, 483 .navbar-clean__button, .navbar-clean__button a { 484 color: #A6A6A6; 485 } 486 487 .nav-sidebar-wrapper .nav-sidebar__header div input:checked + label { 488 border-color: #A6A6A6; 489 } 490 491 .nav-sidebar-wrapper .nav-sidebar-tab-content-wrapper .nav-sidebar-tab-contents ul li:hover { 492 background-color: #828c337a; 493 } 494 495 .nav-sidebar-wrapper .nav-sidebar-tab-content-wrapper .nav-sidebar-tab-contents ul li ul li, 496 .nav-sidebar-wrapper .nav-sidebar-tab-content-wrapper .nav-sidebar-tab-contents ul li a:hover { 497 background-color: #828c33; 498 } 499 500 .navbar-clean .navbar-clean__cart i.with-data:after { 501 background: #c0171b 502 } 503 /*---end---------------------------*/ 504 505 /*---new checkout interface--------*/ 506 div#checkout-stages input[type='radio']:checked + label{ 507 background-color: #c0171b4f; 508 } 509 div#checkout-stages input:not([disabled]) + label { 510 background-color: #c0171b1a; 511 } 512 div#checkout-stages input:not([disabled]) + label:hover { 513 background-color: #c0171b2f; 514 } 515 div.payment-options div.enabled-payment-options input[type='radio']:checked + label, 516 div#delivery-options-stage div.delivery-options div.saved-shipping-rates input[type='radio']:checked + label, 517 div#shipping-address-stage div.addresses div.saved-address input[type='radio']:checked + label { 518 border: 1px solid #c0171b !important; 519 } 520 div#cart-total-price span span.items_expand_trigger, 521 div.payment-options span i#card-type-icon, 522 div.payment-options input[type='radio']:checked + label:before, 523 div#delivery-options-stage div.delivery-options input[type='radio']:checked + label:before, 524 div#shipping-address-stage div.addresses input[type='radio']:checked + label:before, 525 div#promotion-container span#promotion-code { 526 color: #c0171b; 527 } 528 div#shipping-address-stage div.address-actions a:hover, 529 div#shipping-address-stage div.address-actions button:hover { 530 color: #990000 !important ; 531 } 532 /*---end---------------------------*/ 533 534 ul#portal-list { 535 zoom: 75% 536 } 537 538 a#terms_and_conditions_url, 539 a#review-maps-link, 540 a#review-back-btn, 541 span.review-delivery-shipping-cost, 542 #loyalty-message-title { 543 color: #c0171b; 544 } 545 546 .new-checkout-title { 547 color: #c0171b; 548 font-weight: 600; 549 } 550 551 :root { 552 --checkout-summary-bg: color-mix(in srgb, #c0171b 100%, black 100%); 553 --checkout-accent: #c0171b; 554 } 555 556 h2.review-order-title { 557 color: #c0171b; 558 font-weight: 600; 559 margin-top: 0; 560 } 561 562 .link-btn { 563 color: #c0171b; 564 background-color: transparent; 565 padding: 4px 8px; 566 border: none; 567 } 568 569 .link-btn:hover { 570 color: #c0171bda; 571 } 572 573 .link-btn:active, 574 .link-btn:focus, 575 .link-btn:active:focus { 576 color: #c0171b; 577 background-color: #c0171b3a; 578 border-radius: 100px; 579 } 580 581 .select-design-system { 582 width: 100%; 583 height: 32px; 584 border-radius: 100px; 585 padding: 0 1.6rem; 586 background: white; 587 border-color: #808080; 588 } 589 590 .btn-design-system { 591 border-radius: 100px; 592 padding: 4px 16px; 593 min-height: 32px; 594 font-weight: 600; 595 } 596 597 .input-design-system { 598 padding: 4px 8px; 599 border: 1px solid #808080; 600 color: black; 601 border-radius: 100px; 602 min-height: 32px; 603 } 604 605 .select-design-system:hover, 606 .select-design-system:active, 607 .select-design-system:focus, 608 .select-design-system:active:focus, 609 .input-design-system:hover, 610 .input-design-system:active,
611 .input-design-system:focus, 612 .input-design-system:active:focus, { 613 border-color: #c0171b !important; 614 border-radius: 100px !important; 615 } 616 617 .btn-design-system:hover { 618 background-color: #c0171bfa; 619 } 620 621 .btn-design-system:active, 622 .btn-design-system:focus, 623 .btn-design-system:active:focus { 624 background-color: color-mix(in srgb, #c0171b 100%, black 20%) !important; 625 } 626 627 .success-alert-design-system, 628 .danger-alert-design-system { 629 padding: 8px 16px; 630 margin: 8px 0; 631 } 632 633 .success-alert-design-system { 634 background-color: #A6D3AA; 635 color: #333333; 636 } 637 638 .danger-alert-design-system { 639 background-color: #F9B4B5; 640 color: #333333; 641 } 642 643 .info-alert-design-system { 644 background-color: #99D5F2; 645 color: #333333; 646 } 647 648 .checkbox-wrapper-design-system label { 649 display: block; 650 position: relative; 651 padding-left: 24px; 652 margin-bottom: 5px; 653 cursor: pointer; 654 font-size: 18px; 655 } 656 657 .checkbox-wrapper-design-system input[type="radio"] { 658 position: absolute; 659 z-index: -1; 660 opacity: 0; 661 appearance: none; 662 -moz-appearance: none; 663 -webkit-appearance: none; 664 } 665 666 .checkbox-wrapper-design-system .control__indicator { 667 position: absolute; 668 top: 2px; 669 left: 0; 670 height: 16px; 671 width: 16px; 672 background: #e6e6e6; 673 border-radius: 50%; 674 } 675 .checkbox-wrapper-design-system:hover input ~ .control__indicator, 676 .checkbox-wrapper-design-system input:focus ~ .control__indicator { 677 background: #ccc; 678 } 679 .checkbox-wrapper-design-system input:checked ~ .control__indicator { 680 background: #c0171b; 681 } 682 .checkbox-wrapper-design-system:hover input:not([disabled]):checked ~ .control__indicator, 683 .checkbox-wrapper-design-system input:checked:focus ~ .control__indicator { 684 background: color-mix(in srgb, #c0171b 100%, black 100%); 685 } 686 .checkbox-wrapper-design-system input:disabled ~ .control__indicator { 687 background: #e6e6e6; 688 opacity: 0.6; 689 pointer-events: none; 690 cursor: not-allowed; 691 } 692 .checkbox-wrapper-design-system .control__indicator:after { 693 content: ''; 694 position: absolute; 695 display: none; 696 } 697 .checkbox-wrapper-design-system input:checked ~ .control__indicator:after { 698 display: block; 699 } 700 .checkbox-wrapper-design-system .control__indicator:after { 701 left: 5px; 702 top: 5px; 703 height: 6px; 704 width: 6px; 705 border-radius: 50%; 706 background: #fff; 707 } 708 .checkbox-wrapper-design-system input:disabled ~ .control__indicator:after { 709 background: #7b7b7b; 710 cursor: not-allowed; 711 } 712 713 div.loyalty-component { 714 background-color: color-mix(in srgb, #c0171b 100%, black 100%); 715 color: white; 716 border: 1px solid #c0171bfa; 717 border-radius: 16px !important; 718 margin-top: 1rem; 719 720 > div > p { 721 color: white; 722 } 723 } 724 725 .pagination { 726 a { 727 text-decoration: underline; 728 } 729 } 730 731 .event-info-outline { 732 border: 1px solid #371828; 733 border-radius: 16px; 734 padding: 10px; 735 margin-bottom: 10px; 736 background: #fafafa; 737 font-size: 11px; 738 text-align: left; 739 max-width: fit-content; 740 i { 741 color: #371828; 742 } 743 position: relative; 744 745 @media (max-width: 600px) { 746 max-width: 100%; 747 font-size: 12px; 748 } 749 } 750 751 .event-info-outline::before { 752 content: "\f274"; 753 font-family: "Font Awesome 6 Free"; 754 font-style: normal; 755 font-weight: normal; 756 text-decoration: inherit; 757 font-size: 14px; 758 position: absolute; 759 top: -14px; 760 right: -13px; 761 background: #371828; 762 border-radius: 50%; 763 padding: 2px; 764 width: 24px; 765 height: 24px; 766 text-align: center; 767 color: white; 768 } 769 770 .product-detail-font-size, 771 .product-detail-font-size .event-info-outline { 772 font-size: 12px; 773 } 774 775 .event-info-outline a { 776 color: #333333; 777 text-decoration: none; 778 } 779 780 .airdp-today-btn-custom { 781 cursor: pointer; 782 display: flex; 783 justify-content: center; 784 align-items: center; 785 margin: 8px auto 8px auto; 786 padding: 3px 10px; 787 background: #eee; 788 border-radius: 4px; 789 border: 1px solid #ccc; 790 font-size: 12px; 791 text-align: center; 792 width: 70px; 793 } 794 </style> 795 796 <link rel="stylesheet" href="https://storage.googleapis.com/circlesoft/document/css_documents/000/006/342/none-gc.css?1712910465" nonce="UiWTxXJtp6qv86uHse6JxQ==" /> 797 798 799</head> 800 801<body class="">
vendor: 78 bytes, lines 801-802
801 802 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
802GTM-NWX8PGW
vendor: 95 bytes, lines 802-806
802" 803 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 804 805 806
806<a href="#main-content" class="sr-only sr-only-focusable">Skip to main content</a> 807 808 <header class="site-header" role="banner"> 809 810 811 812<div class="site-sidebar"> 813 <div id="nav-sidebar" class="nav-sidebar-wrapper navbar-blue visible-xs"> 814 <nav class="nav-sidebar__header" aria-label="Sidebar tabs"> 815 <div> 816 <input id="tab2" data-content="1" type="radio" name="tabs" checked class="nav-sidebar__tabs nav-sidebar__tab2"> 817 <label for="tab2" class="nav-sidebar__labels nav-sidebar__label2"> 818 Menu 819 </label> 820 </div> 821 <div> 822 <input id="tab1" data-content="2" type="radio" name="tabs" class="nav-sidebar__tabs nav-sidebar__tab1"> 823 <label for="tab1" class="nav-sidebar__labels nav-sidebar__label1">Categories</label> 824 </div> 825 <div> 826 <input id="tab3" data-content="3" type="radio" name="tabs" class="nav-sidebar__tabs nav-sidebar__tab3"> 827 <label for="tab3" class="nav-sidebar__labels nav-sidebar__label3"> 828 Account 829 </label> 830 </div> 831 </nav> 832 833 <div class="nav-sidebar-tab-content-wrapper"> 834 <nav class="nav-sidebar-tab-contents nav-sidebar-tab-content2" aria-label="Information"> 835 <ul> 836 <li> 837 <div> 838 <a class="with_drop nav-active" title="Go to About Us" href="/pages/1688-AboutUs">About Us</a> 839 <button name="button" type="button" class="drop-trigger" aria-label="Open submenu" aria-haspopup="menu" aria-expanded="false" aria-controls="sub_pages_1688"><i class="fa fa-caret-down" aria-hidden="true"></i></button> 840 </div> 841 <ul id="sub_pages_1688" class="sub-page-menu" role="menu" hidden> 842 <li> 843 <a title="Go to About Us" href="/pages/5852-AboutUs">About Us</a> 844 </li> 845 <li> 846 <a title="Go to Meet the Team" href="/pages/5853-MeettheTeam">Meet the Team</a> 847 </li> 848 <li> 849 <a title="Go to Terms and Conditions" href="/pages/1703-TermsandConditions">Terms and Conditions</a> 850 </li> 851 </ul> 852 </li> 853 <li> 854 <div> 855 <a class="" title="Go to What's On" href="/pages/1689-WhatsOn">What's On</a> 856 </div> 857 </li> 858 <li> 859 <div> 860 <a class="with_drop" title="Go to Book Clubs" href="/pages/1690-BookClubs">Book Clubs</a> 861 <button name="button" type="button" class="drop-trigger" aria-label="Open submenu" aria-haspopup="menu" aria-expanded="false" aria-controls="sub_pages_1690"><i class="fa fa-caret-down" aria-hidden="true"></i></button> 862 </div> 863 <ul id="sub_pages_1690" class="sub-page-menu" role="menu" hidden> 864 <li> 865 <a title="Go to Adult Book Clubs" href="/pages/6533-AdultBookClubs">Adult Book Clubs</a> 866 </li> 867 <li> 868 <a title="Go to Kids' & YA Book Clubs" href="/pages/5440-KidsYABookClubs">Kids' & YA Book Clubs</a> 869 </li> 870 </ul> 871 </li> 872 <li> 873 <div> 874 <a class="" title="Go to Schools" href="/pages/4892-Schools">Schools</a> 875 </div> 876 </li> 877 <li> 878 <div> 879 <a class="" title="Go to Mad Rewards" href="/pages/1691-MadRewards">Mad Rewards</a> 880 </div> 881 </li> 882 <li> 883 <div> 884 <a class="" title="Go to Wondrous Tales" href="/pages/4893-WondrousTales">Wondrous Tales</a> 885 </div> 886 </li> 887 <li> 888 <div> 889 <a class="with_drop" title="Go to Contact Us" href="/pages/1692-ContactUs">Contact Us</a> 890 <button name="button" type="button" class="drop-trigger" aria-label="Open submenu" aria-haspopup="menu" aria-expanded="false" aria-controls="sub_pages_1692"><i class="fa fa-caret-down" aria-hidden="true"></i></button> 891 </div> 892 <ul id="sub_pages_1692" class="sub-page-menu" role="menu" hidden> 893 <li> 894 <a title="Go to Stocking Books" href="/pages/6256-StockingBooks">Stocking Books</a> 895 </li> 896 <li> 897 <a title="Go to Contact Us" href="/pages/14682-ContactUs">Contact Us</a> 898 </li> 899 </ul> 900 </li> 901 </ul> 902 </nav> 903 904 <nav class="nav-sidebar-tab-contents nav-sidebar-tab-content1" aria-label="Categories"> 905 <ul class="highlighted"> 906 <li> 907 <a title="Go to Alice in Wonderland" class="underline" href="https://madhattersbookshop.com.au/c/alice-in-wonderland__4">Alice in Wonderland</a> 908 </li> 909 <li> 910 <a title="Go to Books" class="underline" href="https://madhattersbookshop.com.au/c/books__1">Books</a> 911 </li> 912 <li> 913 <a title="Go to Games" class="underline" href="https://madhattersbookshop.com.au/c/games__1--2__2">Games</a> 914 </li> 915 <li> 916 <a title="Go to Giftware" class="underline" href="https://madhattersbookshop.com.au/c/giftware-ef7a8221-7ddd-4e54-b8a5-3b4816125b7c">Giftware</a> 917 </li> 918 <li> 919 <a title="Go to Halloween" class="underline" href="https://madhattersbookshop.com.au/c/halloween__6">Halloween</a> 920 </li> 921 <li> 922 <a title="Go to Stationery" class="underline" href="https://madhattersbookshop.com.au/c/stationery__1--2__9">Stationery</a> 923 </li> 924 <li> 925 <a title="Go to Toys" class="underline" href="https://madhattersbookshop.com.au/c/toys__1--2__2">Toys</a> 926 </li> 927 </ul> 928 929<ul> 930 <li> 931 <a title="Go to Christmas Gift Ideas" class="underline" href="https://madhattersbookshop.com.au/c/christmas-gift-ideas-a7d476c9-e7a5-4f7c-b6d3-3201a71aa70f">Christmas Gift Ideas</a> 932 </li> 933 <li> 934 <a title="Go to Event Tickets" class="underline" href="https://madhattersbookshop.com.au/c/event-tickets__1">Event Tickets</a> 935 </li> 936 <li> 937 <a title="Go to Local Authors & Illustrators" class="underline" href="https://madhattersbookshop.com.au/c/local-authors-illustrators">Local Authors & Illustrators</a> 938 </li> 939 <li> 940 <a title="Go to Pre-orders" class="underline" href="https://madhattersbookshop.com.au/c/pre-orders-662778dc-8b6b-46c8-843e-31930bd4599b">Pre-orders</a> 941 </li> 942</ul> 943 944 </nav> 945 946 <nav class="nav-sidebar-tab-contents nav-sidebar-tab-content3" aria-label="Account"> 947 <ul> 948 <input type="hidden" name="landing" id="landing" autocomplete="off" /> 949 <li> 950 <a href="/auth/login"><i class="fa fa-sign-in" aria-hidden="true"></i> Login / Sign up</a> 951 </li> 952 </ul> 953 </nav> 954 </div> 955 </div> 956</div> 957 958<div id="sidebar-overlay" class="visible-xs"></div> 959<div class="nav-wrapper visible-xs "> 960 <nav class="navbar top-navbar nav-login navbar-blue navbar-clean" 961 aria-label="Header utility navigation (mobile)"> 962 <button class="navbar-clean__button navbar-clean__menu ripple" aria-label="navigation menu"> 963 <i class="fa fa-bars" aria-hidden="true"></i> 964 </button> 965 <div class="navbar-clean__icon flex-spacer text-center"> 966 </div> 967 <div class="navbar-clean__button navbar-clean__cart ripple navbar-cart-wrapper"> 968 <a style="padding:0" aria-label="open shopping cart" href="/cart"><i data-count="0" class="fa fa-shopping-cart"></i></a> 969 </div> 970 </nav> 971</div> 972<nav class="hidden-xs navbar top-navbar nav-login navbar-default navbar-blue container-fluid navbar-top-nav-links" 973 aria-label="Header utility navigation (desktop)">
974 <div class="inner-container-home container" id="top_nav_links"> 975 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> 976 <div class="collapse navbar-collapse pl-0" id="main-nav"> 977 <ul class="nav navbar-nav site-nav-links"> 978 <li> 979 <a target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/TheMadHattersBookshop/"><i class="fa-brands fa-facebook"></i><span class="sr-only">facebook.com</span></a> 980 </li> 981 <li> 982 <a target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/madhattersbookshop/"><i class="fa-brands fa-instagram"></i><span class="sr-only">instagram.com</span></a> 983 </li> 984 <li> 985 <a target="_blank" rel="noopener noreferrer" href="https://twitter.com/madhattersbooks"><i class="fa-brands fa-twitter"></i><span class="sr-only">twitter.com</span></a> 986 </li> 987 </ul> 988 <ul class="nav navbar-nav navbar-right navbar-cart"> 989 <li id="cart_link" class="list-none"> 990 <a class="btn btn-default" id="cart-link-btn" aria-label="View cart, 0 items" href="/cart"><img id="cart-link-img" alt="Cart image" src="https://cdnmaster4.circlesoft.net/assets/cart-e73aa3b846d5a318be60473ecf11011a11fc9ac910c4ee930c471f3ad865f10e.png" />0 items</a> 991 </li> 992 <input type="hidden" name="landing" id="landing" autocomplete="off" /> 993 <li><a href="/auth/login">Login/Sign up</a></li> 994 </ul> 995 </div> 996 </div> 997 </div> 998</nav> 999<!-- HEADER BAR (TOP) --> 1000<div class="header-bar banner container-fluid" id="banner"> 1001 <div class="inner-container-home container" id="inner-container-home"> 1002 <div class="row"> 1003 <div class="logo-container hidden-xs col-sm-5 col-md-6 col-lg-6"> 1004 <h1 id="shop-logo" class="logo"> 1005 <a href="https://madhattersbookshop.com.au/"><img class="banner-img" alt="The Mad Hatters Bookshop" src="https://storage.googleapis.com/circlesoft/document/photos/003/227/603/original_full-width-bannerv4.png?1598572029" /></a> 1006 </h1> 1007 </div><!--.col--> 1008 <div class="quick-search-container col-xs-12 col-sm-7 col-md-5 col-lg-4 "> 1009 <form id="quick_search" name="search_form" class="clearfix" role="search" aria-label="Site search" action="/catalog/search" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="✓" autocomplete="off" /> 1010 <div class="quick_search_form form-group" style="padding-top: 25px"> 1011 <label class="sr-only" for="keyword">Search for books</label> 1012 <div class="input-group"> 1013 <input type="search" name="keyword" id="keyword" value="" class="searchattributeinput form-control" placeholder="Search for books by title, keyword or ISBN" autocomplete="off" /> 1014 <input type="hidden" name="search_type" id="search_type" value="core^keyword" autocomplete="off" /> 1015 <span class="input-group-addon btn-primary"> 1016 <button type="submit" class="btn-primary btn-borderless" aria-label="Search books"> 1017 <i class="fa fa-search btn-borderless" aria-hidden="true"></i> 1018 </button> 1019 </span> 1020 </div> 1021 <div id="type_ahead_results" style="display:none" role="status" aria-live="polite"> 1022 <div class="heading" id="when_blank_text">Start typing to search by keyword, title, author or ISBN</div> 1023 <div class="heading" id="type_ahead_results_searching">Searching...</div> 1024 <div class="heading" id="making_purchase_order">Going to product page...</div> 1025 <div id="type_ahead_results_inner"></div> 1026 </div> 1027 </div> 1028</form> </div> 1029 </div> 1030 </div> 1031</div> 1032 1033<div class="clearfix"></div> 1034 1035<div role="navigation" aria-label="Primary"> 1036 <!-- MAIN NAVBAR --> 1037
1038<script type="text/javascript" nonce="UiWTxXJtp6qv86uHse6JxQ=="> 1039 drop_menu_timeout = {}; 1040 $(document).ready(function(){ 1041 $('.has_drop').on("mouseover", function() { 1042 ul = $(this).next(); 1043 show_drop_menu(ul); 1044 }).on("mouseout", function() { 1045 ul = $(this).next(); 1046 hide_drop_menu(ul); 1047 }); 1048 1049 $('.sub-page-menu').each(function() { 1050 ul = $(this); 1051 ul.on("mouseover", function() { 1052 ul = $(this); 1053 show_drop_menu(ul); 1054 }); 1055 ul.on("mouseout", function() { 1056 ul = $(this); 1057 hide_drop_menu(ul); 1058 }); 1059 }); 1060 }) 1061 1062 function hide_drop_menu(ul) { 1063 drop_menu_timeout[ul.attr('id')] = setTimeout(function() { 1064 ul.hide(); 1065 }, 50); 1066 } 1067 1068 function show_drop_menu(ul) { 1069 clearTimeout(drop_menu_timeout[ul.attr('id')]); 1070 ul.show(); 1071 } 1072 1073</script>
1073 1074 1075<nav class="navbar top-navbar navbar-default navbar-blue container-fluid navbar-content-pages hidden-xs" 1076 aria-label="Content pages navigation"> 1077 <div class="inner-container-home container" id="contant-pages"> 1078 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> 1079 <!-- Brand and toggle get grouped for better mobile display --> 1080 <div class="navbar-header"> 1081 <button aria-expanded="false" class="navbar-toggle collapsed" data-target="#pages-nav" data-toggle="collapse" type="button"> 1082 <span class="sr-only">Toggle navigation</span> <span class="glyphicon glyphicon-bar"></span> 1083 <span class="glyphicon glyphicon-bar"></span> 1084 <span class="glyphicon glyphicon-bar"></span> 1085 </button> 1086 </div><!-- Collect the nav links, forms, and other content for toggling --> 1087 <div class="collapse navbar-collapse" style="padding-left:0" id="pages-nav"> 1088 <ul class="nav navbar-nav"> 1089 <li> 1090 <a class="has_drop nav-active" title="go to About Us" href="/pages/1688-AboutUs">About Us <b class='caret'></b></a> 1091 <ul id="sub_pages_1688" class="sub-page-menu" style="display:none" aria-labelledby="dLabel"> 1092 <li><a title="go to About Us" href="/pages/5852-AboutUs">About Us</a></li> 1093 <li><a title="go to Meet the Team" href="/pages/5853-MeettheTeam">Meet the Team</a></li> 1094 <li><a title="go to Terms and Conditions" href="/pages/1703-TermsandConditions">Terms and Conditions</a></li> 1095 </ul> 1096 </li> 1097 <li> 1098 <a class="" title="go to What's On" href="/pages/1689-WhatsOn">What's On</a> 1099 </li> 1100 <li> 1101 <a class="has_drop" title="go to Book Clubs" href="/pages/1690-BookClubs">Book Clubs <b class='caret'></b></a> 1102 <ul id="sub_pages_1690" class="sub-page-menu" style="display:none" aria-labelledby="dLabel"> 1103 <li><a title="go to Adult Book Clubs" href="/pages/6533-AdultBookClubs">Adult Book Clubs</a></li> 1104 <li><a title="go to Kids' & YA Book Clubs" href="/pages/5440-KidsYABookClubs">Kids' & YA Book Clubs</a></li> 1105 </ul> 1106 </li> 1107 <li> 1108 <a class="" title="go to Schools" href="/pages/4892-Schools">Schools</a> 1109 </li> 1110 <li> 1111 <a class="" title="go to Mad Rewards" href="/pages/1691-MadRewards">Mad Rewards</a> 1112 </li> 1113 <li> 1114 <a class="" title="go to Wondrous Tales" href="/pages/4893-WondrousTales">Wondrous Tales</a> 1115 </li> 1116 <li> 1117 <a class="has_drop" title="go to Contact Us" href="/pages/1692-ContactUs">Contact Us <b class='caret'></b></a> 1118 <ul id="sub_pages_1692" class="sub-page-menu" style="display:none" aria-labelledby="dLabel"> 1119 <li><a title="go to Stocking Books" href="/pages/6256-StockingBooks">Stocking Books</a></li> 1120 <li><a title="go to Contact Us" href="/pages/14682-ContactUs">Contact Us</a></li> 1121 </ul> 1122 </li> 1123</ul> 1124 1125 </div><!-- /.navbar-collapse --> 1126 </div> 1127 </div><!-- /.container-fluid --> 1128</nav> 1129 1130<style nonce="UiWTxXJtp6qv86uHse6JxQ=="> 1131.nav-active { font-weight:bold} 1132 1133</style> 1134 1135</div> 1136 1137
1138<script nonce="UiWTxXJtp6qv86uHse6JxQ=="> 1139 applicationLayoutInit() 1140 1141 function update_menu() { 1142 var xAxis = [0, -101, -202]; 1143 var content = $("input.nav-sidebar__tabs:checked").data("content"); 1144 $(".nav-sidebar-tab-content-wrapper").css("transform", "translateX(" + xAxis[content - 1] + "%)"); 1145 } 1146 1147 function applicationLayoutInit() { 1148 update_menu(); 1149 $("input[type='radio']").on("change", function() { 1150 update_menu(); 1151 }); 1152 1153 $(".drop-trigger").on("click", function() { 1154 var ul = $(this).parent().parent().find("ul"); 1155 ul.slideToggle(); 1156 }) 1157 1158 $(".navbar-clean__menu").on("click", function() { 1159 $("#sidebar-overlay, .nav-sidebar-wrapper").addClass("toggled"); 1160 $("body").css("overflow", "hidden"); 1161 }); 1162 1163 $("#sidebar-overlay").on("click", function() { 1164 $("#sidebar-overlay, .nav-sidebar-wrapper").removeClass("toggled"); 1165 $("body").css("overflow", "auto"); 1166 }); 1167 } 1168</script>
1168 1169 1170 </header> 1171 1172 <div class="modal fade" id="modal_dialog" tabindex="-1" role="dialog"></div> 1173 <div id="lightbox" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"></div> 1174 1175 1176 1177 <main class="container" id="catalog-container"> 1178 <nav class="breadcrumbs-section " aria-label="Breadcrumb"> 1179 <div id="flash-messages" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" 1180 role="status" aria-live="polite" aria-atomic="true"> 1181 1182 </div> 1183 <div class="row"> 1184 <div class="hidden-xs"> 1185 <div class="breadcrumbs col-xs-12 col-sm-12 col-md-12 col-lg-12"><ol class="breadcrumb"><li><a aria-label="Go to Homepage" href="https://madhattersbookshop.com.au/"><span class="fa fa-home"></span></a></li><li><span>About Us</span></li></ol></div> 1186 </div> 1187 </div> 1188 </nav> 1189 1190 <div class="row"> 1191 <div id="main-content" class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> 1192 <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3"> 1193 <div class="header categories-header hidden-lg"> 1194 <span class="visible-xs pull-right"> 1195 <a class="btn navbar-toggle" data-toggle="collapse" data-target=".side-list.categories"> 1196 <span class="glyphicon glyphicon-bar"></span> 1197 <span class="glyphicon glyphicon-bar"></span> 1198 <span class="glyphicon glyphicon-bar"></span> 1199 </a> 1200 </span> 1201 </div> 1202 <div class="hidden-xs browse-category categories in collapse"> 1203 <h2> 1204 Browse by category 1205 <button id="btn-toggle-categories" aria-expanded="false" class="navbar-toggle collapsed pull-left " data-target="#category-list" data-toggle="collapse" type="button"> 1206 <span class="sr-only">Toggle navigation</span> <span class="glyphicon glyphicon-bar"></span> 1207 <span class="glyphicon glyphicon-bar"></span> 1208 <span class="glyphicon glyphicon-bar"></span> 1209 </button> 1210 </h2> 1211 <div class="collapse navbar-collapse" style="padding-left:0" id="category-list"> 1212 <ul class="highlighted"> 1213 <li> 1214 <a title="Go to Alice in Wonderland" class="underline" href="https://madhattersbookshop.com.au/c/alice-in-wonderland__4">Alice in Wonderland</a> 1215 </li> 1216 <li> 1217 <a title="Go to Books" class="underline" href="https://madhattersbookshop.com.au/c/books__1">Books</a> 1218 </li> 1219 <li> 1220 <a title="Go to Games" class="underline" href="https://madhattersbookshop.com.au/c/games__1--2__2">Games</a> 1221 </li> 1222 <li> 1223 <a title="Go to Giftware" class="underline" href="https://madhattersbookshop.com.au/c/giftware-ef7a8221-7ddd-4e54-b8a5-3b4816125b7c">Giftware</a> 1224 </li> 1225 <li> 1226 <a title="Go to Halloween" class="underline" href="https://madhattersbookshop.com.au/c/halloween__6">Halloween</a> 1227 </li> 1228 <li> 1229 <a title="Go to Stationery" class="underline" href="https://madhattersbookshop.com.au/c/stationery__1--2__9">Stationery</a> 1230 </li> 1231 <li> 1232 <a title="Go to Toys" class="underline" href="https://madhattersbookshop.com.au/c/toys__1--2__2">Toys</a> 1233 </li> 1234 </ul> 1235 1236<ul> 1237 <li> 1238 <a title="Go to Christmas Gift Ideas" class="underline" href="https://madhattersbookshop.com.au/c/christmas-gift-ideas-a7d476c9-e7a5-4f7c-b6d3-3201a71aa70f">Christmas Gift Ideas</a> 1239 </li> 1240 <li> 1241 <a title="Go to Event Tickets" class="underline" href="https://madhattersbookshop.com.au/c/event-tickets__1">Event Tickets</a> 1242 </li> 1243 <li> 1244 <a title="Go to Local Authors & Illustrators" class="underline" href="https://madhattersbookshop.com.au/c/local-authors-illustrators">Local Authors & Illustrators</a> 1245 </li> 1246 <li> 1247 <a title="Go to Pre-orders" class="underline" href="https://madhattersbookshop.com.au/c/pre-orders-662778dc-8b6b-46c8-843e-31930bd4599b">Pre-orders</a> 1248 </li> 1249</ul> 1250 1251 </div> 1252 </div> 1253 1254 </div> 1255<div class="col-xs-12 col-sm-12 col-md-9 col-lg-9"> 1256 <div class="header category-header"> 1257 <h1 class="featured-category-header pull-left"> 1258 About Us 1259 </h1> 1260 </div> 1261 <div class="home-box page-content descriptionPages onerror-fallback hidden"> 1262 <p><span><span><br><br></span></span></p> 1263 </div> 1264</div> 1265
1266<script type="text/javascript" nonce="UiWTxXJtp6qv86uHse6JxQ=="> 1267 const plugins = "sell_gift_cards".split(", "); 1268 const parsable = $(".descriptionPages").html(); 1269 const uniqParsables = [...new Set(parsable.split(/\{{(.*?)\}}/))]; 1270 const descContainer = $(".descriptionPages"); 1271 let promises = []; 1272 let codeStrings = []; 1273 1274 uniqParsables.forEach(parsable => { 1275 if (plugins.includes(parsable)) { 1276 codeStrings.push(parsable); 1277 promises.push(new Promise(function(resolve, reject){ 1278 $.ajax({ 1279 url: "/web_plugins/render_plugin", 1280 type: "post", 1281 data: JSON.stringify({ 1282 plugin: parsable, 1283 sidebar_shown: "true" 1284 }), 1285 contentType: "application/json" 1286 }).done(function(data){ 1287 resolve(data); 1288 }).error(function(error) { 1289 resolve(`{{${error.responseJSON.plugin}}}`); 1290 }); 1291 })); 1292 } 1293 }) 1294 1295 Promise.allSettled(promises).then(function(data){ 1296 codeStrings.forEach((codeString, index) => { 1297 let regExpCodeMatcher = new RegExp("\173" + "\173" + codeString + "\175" + "\175"); 1298 descContainer.html(parsable.replace(regExpCodeMatcher, data[index].value)); 1299 }) 1300 descContainer.removeClass("hidden"); 1301 }); 1302</script>
1302 1303 1304 </div> 1305 </div> 1306 </main> 1307 1308 <!-- FOOTER --> 1309<footer id="footer" class="footer navbar-blue main-footer" role="contentinfo"> 1310 <div class="container"> 1311 <div class="row"> 1312 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> 1313 <div class="pull-left" id="footer-content"> 1314 <h4><strong>The Mad Hatters Bookshop</strong></h4> 1315<p>Shop 3, The Mall, 3/222 Stratton Terrace, Manly QLD 4179 | Tel: 0431 615 787 | <a href="mailto:[email protected]" target="_blank">[email protected]</a> | ABN: 18 618 228 318</p> 1316 </div> 1317 </div> 1318 </div> 1319 1320 <div class="row footer-center-mobile"> 1321 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> 1322 <div class=""> 1323 <ul class="nav navbar-nav" aria-label="Footer links"> 1324 1325 <li><a target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/TheMadHattersBookshop/"><i class="fa-brands fa-facebook"></i><span class="sr-only">facebook.com</span></a></li> 1326 1327 <li><a target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/madhattersbookshop/"><i class="fa-brands fa-instagram"></i><span class="sr-only">instagram.com</span></a></li> 1328 1329 <li><a target="_blank" rel="noopener noreferrer" href="https://twitter.com/madhattersbooks"><i class="fa-brands fa-twitter"></i><span class="sr-only">twitter.com</span></a></li> 1330 </ul> 1331 </div> 1332 <div class="circle-rights"> 1333 <p id="ssl_cert"> 1334 <a 1335 href="https://circlepos.com/?utm_source=footer&utm_medium=link&utm_campaign=system_by_circle" 1336 target="_blank" 1337 rel="noopener noreferrer" 1338 class="" 1339 > 1340 System by Circle 1341 </a> 1342 </p> 1343 <p>© CircleSoft 2026.</p> 1344 </div> 1345 </div> 1346 </div> 1347 </div> 1348</footer> 1349 1350
1350<script nonce="UiWTxXJtp6qv86uHse6JxQ=="> 1351 fixOnErrorImages() 1352 1353 function fixOnErrorImages() { 1354 jQuery('img.onerror-fallback, .onerror-fallback img').on('error', function() { 1355 jQuery(this).off("error").attr('src', 'https://cdnmaster4.circlesoft.net/assets/nophoto-7ea475a5e85c82d081508a01bce15d0abfd1b1244e9e1184f569d11a0500a70b.jpg') 1356 }) 1357 } 1358</script>
1358 1359 1360</body> 1361</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.