1 2 3 4<!DOCTYPE html> 5<html lang="en"> 6<head> 7 <meta name="google-site-verification" content="7trKtEBYYi71PY-CBNe2b3Sazce6kYZjurzZ1OM1xBo" /> 8 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 9 <title>Comic Subscriptions :: Never miss an issue of Avengers, Spider-Man, X-Men & more Comics</title> 10 11
12<script type="text/javascript" src="https://comicstoresubscriptions.com/script/htmlhttprequest.js"></script>
vendor: 2 bytes, line 12
12
13<script type="text/javascript">//<![CDATA[ 14 15// Welcome to the HTMLHttpRequest demonstration! 16// 17// This script allows you to make background asynchronous GET and POST requests to a 18// server in an accessible manner that is backwards-compatible with older browsers, 19// mobile devices, screenreaders and search engines. 20// 21// The overall architecture is assembled in 3 layers: 22// 23// 1) A "Transport" object ('HTMLHttpRequest') that makes a request to the server. 24// 2) A "Threading" object ('RemoteFileLoader') that creates and allocates Transports 25// and provides an easy way of loading content into your existing page. 26// 3) An "Interface" layer of code that captures clicks/submissions on the document. 27// 28// Layers (1) and (2) are objects included in the external .JS file above. 29// Both contain documentation if you are interested in customising the implementation. 30// Otherwise, the code below is the "Interface" layer that will process our document. 31 32 33// First, we create an example object for our document click handler. 34var docClickLoader = new RemoteFileLoader('docClickLoader'); 35var docClickLoader2 = new RemoteFileLoader('docClickLoader2'); 36 37// At any stage you can call docClickLoader.loadInto('file.html', 'IDOfTarget') to trigger 38// a content load into an element from your script. 39// The example below does this when suitable links in the document are clicked. 40function showPreLoader() 41{ 42 43 var browser=navigator.userAgent; 44 if(browser.indexOf("Firefox") > 0) 45 { 46 // var scrolly = typeof window.pageYOffset != 'undefined' ? window.pageYOffset : document.documentElement.scrollTop; 47 // var destimg =document.getElementById("PreLoaderLayer"); 48 // destimg.style.top = scrolly; 49// destimg.style.display = 'block'; 50 //window.scrollTo(0,0); 51 } 52} 53 54function showheaderimage(val) 55{ 56//alert(val) 57 var destimg = document.getElementById("mainheader"); 58 if (destimg != null) 59 { 60 destimg.innerHTML = ""; 61 destimg.style.display = 'none'; 62 } 63 var destimg = document.getElementById("mainheaderimages"); 64 if (destimg != null) 65 { 66 destimg.style.display = 'block'; 67 window.location="#"+val; 68 } 69 70 71 72 73} 74 75function loadInto(src, destId, evt) 76{ 77 78 79document.getElementById("mainheader").innerHTML = "" 80 81 // Called to when a link with class="loadinto-IdOfTarget" is clicked. 82 // Parameters: src = reference to link, destId = ID of target element, evt = event object. 83 showPreLoader(); 84 var ok = docClickLoader.loadInto(src.href || src.getAttribute('href'), destId); 85 if (ok) cancelEvent(evt); 86 87 document.location.href = '#'; 88 89 var destimg = document.getElementById("mainheaderimages"); 90 if (destimg != null) 91 destimg.style.display = 'none'; 92 var destimg = document.getElementById("mainheader"); 93 if (destimg != null) 94 destimg.style.display = 'block'; 95//alert("hello") 96 97 98}; 99 100var qsParm = new Array(); 101qsParm['sp_id'] = null; 102qsParm['Rem'] = null; 103 104function qs(qry) { 105 var query = qry; 106 var spliturl = qry.split('?'); 107 query = spliturl[1]; 108 var parms = query.split('&'); 109 for (var i=0; i<parms.length; i++) { 110 var pos = parms[i].indexOf('='); 111 if (pos > 0) { 112 var key = parms[i].substring(0,pos); 113 var val = parms[i].substring(pos+1); 114 qsParm[key] = val; 115 } 116 } 117} 118 119function toggleInto(src, destId, evt) 120{ 121 122 //alert("1"); 123 showPreLoader(); 124 qs(src.href); 125 var ok = docClickLoader.loadInto(src.href || src.getAttribute('href'), destId); 126 //var blankurl = src.href 127 //var ok = docClickLoader.loadInto(blankurl || src.getAttribute('href'), 'navcartbottom'); 128 if (ok) cancelEvent(evt); 129 130 if (qsParm['Rem'] == 'Y'){ 131 132 133 134 135 136 /*var elements=document.getElementsByTagName("*") 137 for (var i=0;i<elements.length;i++) 138 { 139 //alert(elements[i].id) 140 if (elements[i].id=="addtocart" + qsParm['sp_id'] ) 141 { 142 elements[i].style.display="block"; 143 } 144 if (elements[i].id=="outofstock" + qsParm['sp_id'] ) 145 { 146 elements[i].style.display="none"; 147 } 148 } 149 150 151 var destimg = document.getElementById("addtocart" + qsParm['sp_id']); 152 if (destimg != null) 153 destimg.style.display = 'block';
154 var destimg = document.getElementById("outofstock" + qsParm['sp_id']); 155 if (destimg != null) 156 destimg.style.display = 'none';*/ 157 158 } 159 160 else if (qsParm['CBID']!=null && parseInt(qsParm['CBID'])>0) 161{ 162 var elements=document.getElementsByTagName("*") 163 for (var i=0;i<elements.length;i++) 164 { 165 if (elements[i].id=="addtocart" + qsParm['CBID'] ) 166 { 167 elements[i].style.display="none"; 168 } 169 if (elements[i].id=="outofstock" + qsParm['CBID'] ) 170 { 171 elements[i].style.display="block"; 172 } 173 } 174} 175else{ 176 177 //alert(qsParm['sp_id']); 178 var elements=document.getElementsByTagName("*") 179 for (var i=0;i<elements.length;i++) 180 { 181 var SPIDs=qsParm['sp_id'] + ","; 182 var parmsArray = SPIDs.split(','); 183 for (var j=0; j<parmsArray.length; j++) { 184 var ID = parmsArray[j]; 185 if (parseInt(ID)>0) 186 { 187 if (elements[i].id=="addtocart" + ID ) 188 { 189 elements[i].style.display="none"; 190 } 191 if (elements[i].id=="outofstock" + ID ) 192 { 193 elements[i].style.display="block"; 194 } 195 } 196 } 197 } 198 199 200 } 201
202 203}; 204 205 206// addEvent is defined within htmlhttprequest.js, feel free to reuse :). 207addEvent(document, 'click', function(evt) 208{ 209 // Here we capture all clicks on the document, scanning for links with a CLASS 210 // attribute of "loadinto-IdOfTarget" and routing them to loadInto() above. 211 evt = evt || window.event; 212 // Only process left clicks. 213 if (evt.which > 1 || evt.button > 1) return; 214 var src = evt.target || evt.srcElement; 215 if (src.nodeType && src.nodeType != 1) src = src.parentNode; 216 // Loop up the DOM tree scanning all elements to find a matching one. 217 while (src) 218 { 219 var srcName = (src.nodeName||src.tagName||'').toLowerCase(); 220 if (srcName == 'a' && src.className && src.className.match(/^(load|toggle)into-(.+)$/)) 221 { 222 // Call our load handlers if we have a match; they'll cancel the normal action. 223 if (RegExp.$1 == 'load') return loadInto(src, RegExp.$2, evt); 224 if (RegExp.$1 == 'toggle') return toggleInto(src, RegExp.$2, evt); 225 } 226 src = src.parentNode; 227 } 228}, 1); 229 230 231//]]></script>
231 232 233 <meta charset="utf-8"> 234 <meta name="theme-color" content="#00365a"> 235 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 236 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes"> 237 <link rel="icon" href="https://www.comicstoresubscriptions.com/images/favicon.ico"> 238 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous"> 239 <link rel="shortcut icon" href="https://www.midtowncomics.com/images/midtown%20logo.png"> 240 241 <link href="https://comicstoresubscriptions.com/css_files/content-ref.css" rel="stylesheet"/> 242 <link href="https://comicstoresubscriptions.com/css_files/content.css" rel="stylesheet"> 243 244
244<script src="https://comicstoresubscriptions.com/js_files/script2.js"></script>
244 245 246 <!-- Bootstrap icons--> 247 <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet" /> 248 <!---OTHER STYLESHEETS---> 249 250 <!--<link href="https://www.midtowncomics.com/css/bootstrap.min.css" rel="stylesheet">--> 251 252
252<script src="https://www.midtowncomics.com/js/popper.min.js"></script>
252 253
253<script src="https://www.midtowncomics.com/js/jquery-migrate-3.1.0.min.js"></script>
253 254 <!--Mobile Menu Dependencies--> 255 <link rel="stylesheet" type="text/css" href="https://www.midtowncomics.com/css/component.css" /> 256
256<script src="https://www.midtowncomics.com/js/modernizr.custom.js"></script>
256 257 258 259 260 <!-- Unicons CSS --> 261 <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css" /> 262 263 <!-- FONTS--> 264 <link rel="preconnect" href="https://fonts.googleapis.com"> 265 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 266 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" /> 267 <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Righteous&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> 268 269
269<script type="text/javascript" src="https://comicstoresubscriptions.com/script/common.js"></script>
269 270
271<script> 272 273 var comicStore = { 274 common:{ 275 base_url: "https://comicstoresubscriptions.com/", 276 save_cart: function () { }, 277 load_mb: function () { }, 278 load_quick_cart: function () { } 279 } 280 } 281 282 comicStore.common.save_cart = function(sp_id, sc_qty) { 283 //alert(sp_id); 284 //alert(sc_qty); 285 var form = $("<form/>", { method: 'post' }); 286 form.append( 287 $("<input>", 288 { 289 type: 'hidden', 290 name: 'sp_id', 291 id: 'sp_id', 292 value: sp_id 293 } 294 ) 295 ); 296 form.append( 297 $("<input>", 298 { 299 type: 'hidden', 300 name: 'sc_qty', 301 id: 'sc_qty', 302 value: sc_qty 303 } 304 ) 305 ); 306 //alert(comicStore.common.base_url + "store/CartSave.asp"); 307 //***************************** 308 $.ajax({ 309 type: 'POST', 310 url:comicStore.common.base_url + "store/CartSave.asp", 311 data: form.serialize(), 312 error: function () { 313 // $('#sp_address_msg').html('An error has occurred'); 314 }, 315 success: function (data) { 316 //alert(data.code); 317 if(data.code=="0"){ 318 //alert("hi"); 319 $("[id='addtocart" + sp_id + "']").hide(); 320 $("[id='outofstock" + sp_id + "']").show(); 321 //******************************** 322 var str = "<button class='btn btn-outline-dark' type='button' onclick=\"location.href='" 323 + comicStore.common.base_url + "store/checkout.asp';\">View Cart " + 324 "<span class='badge'>" + data.cartCount +"</span> " + 325 "<span class='hidden'>items in Cart</span></button>" + 326 "<div aria-hidden='false' class='hidden' role='alert'>" + data.cartCount + " items in Cart</div>"; 327 $("#viewCart_Container").html(str); 328 //**************Mobile ************************************* 329 var strMobile = "<button onclick=\"location.href='" + comicStore.common.base_url + "store/checkout.asp' class='btn box-btn tabindex' type='button'>VIEW CART <span class='badge'>" + data.cartCount + "</span> <span class='hidden'>items in Cart</span></button>" + 330 "<div aria-hidden='false' class='hidden' role='alert'>" + data.cartCount + " items in Cart</div>"; 331 $("#viewCartMobile_Container").html(strMobile); 332 333 334 335 //comicStore.common.load_quick_cart(); 336 } 337 } 338 }); 339 340 } 341 </script>
341 342 343 344 345 346 347 348</head> 349<style type="text/css"> 350 .char-text a:hover{ color: #e31c3d; } 351 352 /*** HOVER **/ 353 @media all and (min-width: 992px) { 354 .navbar .nav-item .dropdown-menu{ display: none; } 355 .navbar .nav-item:hover .nav-link{ color: #e31c3d; } 356 .navbar .nav-link:hover .dropdown-menu{ display: block; color: #e31c3d; } /*CHANGED*/ 357 .navbar .nav-item:hover .dropdown-menu .dropdown-submenu{ display: block; color: #e31c3d; }/*CHANGED*/ 358 .navbar .nav-item .dropdown-menu{ margin-top:0; } 359 360 } 361 /*****/ 362 363 #stickyNav { 364 -webkit-box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, 0.24); 365 -moz-box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, 0.24); 366 box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, 0.24); 367 top: 0px; 368 position: fixed; 369 z-index: 99999; 370 width: 100%; 371 } 372 373 body { font-family: "Roboto", sans-serif;} 374 375 nav{ 376 377 font-family: "Poppins", sans-serif; 378 font-weight: 600; 379 font-style: normal; 380 } 381 382 footer{ 383 384 font-family: "Poppins", sans-serif; 385 font-weight: 600; 386 font-style: normal; 387 388 }*/ 389 390 main {top:-60px } 391 392 393 /* === STYLES BAK === */ 394 /* body { 395 background: #fff no-repeat; 396 color: #000; 397 font-size: 1.125rem; 398 line-height: 1.5rem; 399 overflow-x: hidden!important; 400 font-weight: 400; 401 }*/ 402 403 404 a {color:#000} 405 a:hover {color: #e31c3d;text-decoration:none} 406 407 h5 {font-size:2rem;line-height:1.5rem} 408 409 /* NAVBAR */ 410 411 .top-banner { 412 text-align: center; 413 z-index: 20; 414 position: relative; 415 background-color: #e31c3d; 416 overflow: hidden; 417 } 418 419 420 421 .navbar-default { 422 background-color: #ffffff; 423 border-color: #ffffff; 424 } 425 .navbar-default .navbar-brand { 426 color: #000000; 427 } 428 .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { 429 color: #e31c3d; 430 } 431 .navbar-default .navbar-text { 432 color: #000000; 433 } 434 .navbar-default .navbar-nav > li > a { 435 color: #000000; 436 } 437 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { 438 color: #e31c3d; 439 } 440 .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { 441 color: #e31c3d; 442 background-color: #ffffff; 443 } 444 .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { 445 color: #e31c3d; 446 background-color: #ffffff; 447 448 } 449 450 body { 451 padding-top: 70px; 452 /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */ 453} 454 455.dropdown-submenu { 456 position: relative; 457} 458 459.dropdown-submenu>.dropdown-menu { 460 top: 0; 461 left: 100%; 462 margin-top: -6px; 463 margin-left: -1px; 464 -webkit-border-radius: 0 6px 6px 6px; 465 -moz-border-radius: 0 6px 6px; 466 border-radius: 0 6px 6px 6px; 467} 468 469.dropdown:hover>.dropdown-menu { 470 display: block; 471} 472 473.dropdown-submenu:hover>.dropdown-menu { 474 display: block; 475} 476 477.dropdown-submenu>a:after { 478 display: block; 479 content: " "; 480 float: right; 481 width: 0; 482 height: 0; 483 border-color: transparent; 484 border-style: solid; 485 border-width: 5px 0 5px 5px; 486 border-left-color: #ccc; 487 margin-top: 5px; 488 margin-right: -10px; 489} 490 491.dropdown-submenu:hover>a:after { 492 border-left-color: #fff; 493} 494 495 496 /********************HOVER*************************/ 497 498 499/* CAROUSEL */ 500 501.pcarousel{ 502 max-width:1064px; 503 } 504 505 /**COMIC TITLE**/ 506.jp-title 507{ 508 font-size: 25px; 509 font-weight: 600; 510 overflow: hidden; 511 text-overflow: ellipsis; 512 display: -webkit-box; 513 -webkit-line-clamp: 2;
513 /* number of lines to show */ 514 -webkit-box-orient: vertical; 515 line-height: 1.75rem; 516 height: 66px; 517} 518 519.jp-title a:link{ 520 text-decoration: none; 521 } 522 523.jp-title a:hover{ 524 color:#e31c3d; 525 transition: all .4s; 526} 527 528.jprod-img {max-height:305px; min-height:280px; object-fit: contain; overflow:hidden; width: auto;} /*UPDATED JUNE-12-2024*/ 529 530 531 532 /************/ 533 534 535.c-title 536 { 537 font-family: "Poppins", sans-serif; 538 font-size: 35px; 539 line-height: 1; 540 font-weight: 600; 541 } 542.c-subtext 543 { font-family: "Roboto", sans-serif; 544 font-size:23px; 545 font-weight: 300; 546 line-height: 1;} 547 548.c-btn { 549 z-index: 2 !important; 550 width: 100%; 551 font-size: 38px !important; 552} 553 554.c-btn button { /*UPDATED*/ 555 width: 100%; 556 padding: .563rem 1.938rem; 557 background-color: none; 558 border-radius: 1.406rem !important; 559 color: #000; 560 border-style: solid; 561 font-weight: 600; 562 563} 564 565.c-btn button:hover{ /*UPDATED*/ 566 transition: all .4s; 567 color:#fff; 568 background-color: #e31c3d; 569 570} 571 572.product {text-align:center;} 573.card-body {text-align:center;} 574.prod-prices {text-align:center;margin-bottom:10px; margin-top: 15px;} 575.prod-cover {color:#666;text-decoration:line-through; font-family: 'Poppins'; } 576.prod-saved {color:#e31c3d; font-weight:600} 577.add-cart {border-color: #000; font-family: "Poppins", sans-serif; } 578 579 580.container-header { 581 font-family: "Poppins", sans-serif; 582 font-weight: 600; 583 font-size: 2rem; 584 margin: 0; 585 margin-bottom: .5rem; 586 width: 100%; 587} 588.item-showcase .carousel-inner { 589 overflow-x: hidden !important; 590} 591 592.item-showcase .carousel-control-prev, 593.item-showcase .carousel-control-next { 594 width: 1rem; 595 margin: -10px; 596 color: #e31c3d; 597 font-size: 2rem; 598 height: auto; 599} 600 601#series-carousel .carousel-indicators { 602 display: none; 603} 604 605.item-showcase .carousel-indicators { 606 bottom: -2rem; 607} 608 609.MultiCarousel .carousel-indicators { 610 bottom: -1rem; 611} 612 613.item-showcase .carousel-indicators li { 614 background-color: #747474; 615} 616 617.item-showcase .carousel-indicators .active { 618 background-color: #cacaca; 619} 620 621.price-details, 622.comic-title { 623 margin: 0 !important; 624 padding-left: 0 !important; 625} 626 627.product { 628 margin: auto; 629 padding: .8rem; 630} 631 632.item .product a{ 633 display: block; 634} 635 636.product-container { 637 width: 100%; 638 margin: auto; 639 padding-top: 0; 640 padding-bottom: 0; 641} 642 643.product-image img { 644 max-width: 100%; 645 max-height: 100%; 646 margin: auto; 647 border-radius: 0; 648} 649 650.cart-button { 651 z-index: 2 !important; 652 width: 100%; 653} 654 655.cart-button button { /*UPDATED*/ 656 width: 100%; 657 ppadding: .563rem 1.938rem; 658 font-size: 1vw !important; 659 background-color: none; 660 border-radius: 1.406rem !important; 661 color: #000; 662 border-style: solid; 663 font-weight: 600; 664 665} 666 667.cart-button button:hover{ /*UPDATED*/ 668 transition: all .4s; 669 color:#fff; 670 background-color: #e31c3d; 671 672} 673 674 675 676/**Tablet css**/ 677 678@media only screen and (max-width: 1500px) { 679 .item-showcase { 680 width: inherit; 681 margin: 10px; 682 } 683 .viewmore-btn { 684 padding: 0 0 0 1.5rem; 685 margin: auto; 686 background-color: #d7d7d7; 687 width: 100%; 688 height: 100%; 689 } 690 .viewmore-btn button { 691 margin: auto; 692 } 693 .stack { 694 height: 60px; 695 padding-top: 0; 696 } 697 .stack .col-sm-6 { 698 -ms-flex: 0 0 50%; 699 flex: 0 0 50%; 700 max-width: 50%; 701 } 702 .stack p { 703 margin: 0; 704 margin-bottom: 2px; 705 } 706 .stack .col-sm-6 { 707 padding: 0 708 } 709 .stack .discount-price p { 710 font-size: 17px !important; 711 } 712 .discount-price { 713 width: 33%; 714 } 715 .discount-price p { 716 position: relative; 717 font-weight: 900; 718 } 719 .discount-label { 720 color: #da0e0e; 721 font-size: .8rem; 722 position: relative; 723 float: right; 724 padding: .1rem .1rem; 725 } 726 .cart-button input { 727 border-radius: 5px 0 0 5px; 728 729 } 730 .cart-button button { 731 font-size: 1vw; 732 733 } 734 735 736 737} 738 739@media only screen and (max-width: 1230px) { 740 .discount-label { 741 width: 100%; 742 text-align: center; 743 } 744 .standard-price, 745 .discount-price { 746 width: 50%; 747 } 748 .price-details { 749 display: flex; 750 align-items: center; 751 height: 70px; 752 } 753} 754 755
756/**Tablet css**/ 757 758@media only screen and (max-width: 1038px) { 759 760 761.c-title 762 { 763 764 font-size: 28px; 765 766 } 767.c-subtext 768 { 769 font-size:22px; 770 } 771} 772 773@media only screen and (max-width: 1008px) { 774 .item-showcase .carousel-indicators li.mobile { 775 display: hidden !important; 776 } 777} 778 779/**Mobile css**/ 780 781 @media only screen and (max-width: 937px) { 782 783 784.c-subtext 785 { 786 font-size:19px; line-height: 1.25; 787 788 } 789 .box-btn button {font-size:14px;} 790 791} 792 793@media only screen and (min-width: 769px) /*UPDATED FOR CART PAGE*/ 794{.show-mobile{display:none;} 795 796 } 797@media only screen and (max-width: 768px) { 798 799 800 .pad-left{margin-left: 2rem;} 801 .hide-big {display: none;} 802 .leftLst, 803 .rightLst { 804 opacity: 1; /*UPDATED JUNE-12-2024*/ 805 } 806 .item-showcase { 807 margin-top: 1.5vw; 808 padding: 5vw; 809 margin-bottom: 15px !important; 810 } 811 812 .discount-price { 813 margin-right: 0vw; 814 } 815 .product .cart-button { 816 padding-top: 0 !important; 817 margin-top: 0 !important; 818 819 } 820 .cart-button button { 821 font-size: 3vw !important; 822 823 } 824 825 826 .cart-label { 827 font-weight: 700; 828 font-size: 3vw; 829 } 830 .mp-standard-price { 831 float: left; 832 text-decoration: line-through; 833 padding-top: 1vw; 834 font-size: 3vw; 835 color: #545454; 836 } 837 .mp-discount-price { 838 font-weight: 600; 839 font-size: 3vw; 840 color: #3b3b3b; 841 text-align: center; 842 } 843 .mp-discount { 844 font-size: 4vw; 845 color: #da0e0e; 846 border-color: #da0e0e; 847 border-style: solid; 848 border-width: .5vw; 849 text-align: center; 850 font-weight: 900; 851 border-radius: 5px; 852 } 853 .discount-label { 854 right: 0rem; 855 font-size: 12px; 856 font-weight: 800; 857 } 858 .qty-container label { 859 width: 10%; 860 } 861 .m-item-showcase { 862 display: block !important; 863 border: 0; 864 overflow: hidden; 865 } 866 .m-item-showcase .featured-header { 867 position: relative; 868 background: none; 869 color: #000; 870 padding: 0; 871 margin: 0 auto;header 872 } 873 874 875 .m-item-showcase .featured-header h3, 876 .m-item-showcase .featured-header h2 { 877 font-size: 8vw; 878 font-weight: 900; 879 } 880 #m-preorder-carousel button { 881 background-color: #9048c4; 882 } 883 #m-preorder-carousel button:hover { 884 background-color: #8410c1 !important; 885 } 886 .additions-item { 887 margin: 2.3vw; 888 height: 45vw; 889 width: 45vw !important; 890 } 891 .new-additons-container div div { 892 margin: 1vw auto; 893 } 894 .additions-item img { 895 padding: 0; 896 margin: 0; 897 } 898 .additions-item h3 { 899 font-size: 5vw; 900 } 901 .pl-banner { 902 top: 0rem; 903 } 904 .pl-banner p { 905 font-size: 0.6rem; 906 } 907} 908 909 910 911@media only screen and (max-width: 420px) { 912 .qty-container label { 913 width: 20%; 914 } 915 .price-details { 916 padding-top: 0 !important; 917 } 918 .pl-banner { 919 margin-left: -5.5px; 920 margin-top: 11px; 921 } 922 .row.product-image { 923 padding: 0; 924 height: 235px; 925 } 926 .pl-banner p { 927 margin: 0.1rem 0.5rem 0.1rem .5rem; 928 } 929 930 931 932} 933 934@media only screen and (max-width: 375px) { 935 .discount-price { 936 margin-right: -9vw; 937 } 938 .comic-title h3 { 939 font-size: 12px; 940 } 941 .price-details { 942 min-height: 17vw; 943 } 944 .discount-label { 945 width: 100%; 946 } 947 .discount-price, 948 .standard-price { 949 width: 50%; 950 } 951 .pl-banner p { 952 margin: 0.1rem 1rem 0.1rem .5rem; 953 } 954 .product { 955 padding: 1rem .5rem; 956 } 957 .price-details { 958 min-height: 5vw; 959 } 960 .row.product-image { 961 height: 200px; 962 } 963} 964 965@media only screen and (max-width: 320px) { 966 .price-details { 967 min-height: 20vw; 968 } 969} 970 971@media (max-width: 767px) { 972 .navbar-default .navbar-nav .open .dropdown-menu > li > a { 973 color: #000000; 974 } 975 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { 976 color: #e31c3d; 977 } 978 .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { 979 color: #e31c3d; 980 background-color: #000; 981 } 982} 983 984/**************End of Mobile CSS****************************************************/ 985 986 987/***************************SLIDER-TOP**********************/ 988#slider-top .carousel-indicators li {background-color: #FF8082; opacity: 100%;} 989.carousel-indicators li.active {background-color: #BF181B; opacity: 100%;} 990 991 992 993.carousel-item .img-fluid { 994 width:100%; 995 height:100%; 996 997 } 998 999 .carousel-indicators li, .carousel-indicators li.active { 1000 width: 10px; 1001 height: 10px; 1002 border-color: transparent; 1003 border-radius: 100%; 1004 1005 } 1006 1007 #signing-arrow-prev .carousel-control-prev-icon 1008 {background-color: #fff; 1009 background-size: 90%, 90%; 1010 border-radius: 70%; 1011 padding: 1.3rem 1.3rem; 1012 background-image: url("https://comicstoresubscriptions.com/img_files/left-arrow.jpg"); 1013 } 1014 #signing-arrow-next .carousel-control-next-icon 1015 {background-color: #fff; 1016 background-size: 90%, 90%; 1017 border-radius: 70%; 1018 padding: 1.3rem 1.3rem; 1019 background-image: url("https://comicstoresubscriptions.com/img_files/right-arrow.jpg"); 1020 1021 } 1022 1023 /******************************************************************/ 1024 1025/**************************FOOTER****************************************/ 1026 1027 .footer-logo img{ /*updated*/ 1028 width:323px; 1029 height:auto; 1030 1031 } 1032 1033 footer .btn-link:not(:last-child) { 1034 border-right: .125rem solid #fff; 1035 } 1036 1037 1038footer .btn-link { 1039 font-size: 14px!important; 1040 border-radius: 0; 1041 font-weight: 300; 1042 text-transform: uppercase; 1043 transition-duration: .3s; 1044 opacity: 1!important; 1045 color: #fff; 1046 letter-spacing: 0; 1047 font-style: normal; 1048 line-height: 1; 1049 padding: 0 .875rem; 1050 border-left: none!important; 1051 border-top: none!important; 1052 border-bottom: none!important;
1053 border-right: none; 1054 text-decoration: none; 1055} 1056 1057.footer a:link { 1058 text-decoration: none; 1059} 1060 1061 footer .btn-link:hover { 1062 color:#e31c3d; 1063} 1064@media only screen and (max-width: 500px) { 1065footer .btn-link { 1066 font-size: 10px; 1067 padding: 0 .55rem;; 1068} 1069 } 1070 1071 1072.legal { 1073 text-transform: none; 1074 padding: 0.55em 1.5em 0.65em; 1075 margin: 0px 0px 0.25rem; 1076 line-height: 1.25; 1077 font-size: 14px!important; 1078} 1079 1080 1081.d-inline-block { 1082 display: inline-block!important; 1083} 1084.small, small { 1085 font-size: .875em; 1086} 1087 1088 footer .btn-legal, footer .legal { 1089 1090 text-transform: none; 1091 color: #fff; 1092 font-weight: 100; 1093 font-size: 1.2rem; 1094 text-transform: uppercase; 1095 margin-top: .5rem!important; 1096 padding: 0!important; 1097} 1098 1099.container1440 {text-align:center;max-width:1200px} 1100.container1660 {text-align:center;max-width:1660px} 1101.amz4 { min-height:360px;border:1px solid #ccc} 1102.amz4 img { max-height:150px} 1103 1104 1105/****SEARCH BAR***/ 1106 1107 1108 .search-button { 1109 border-radius: 0 5px 5px 0 !important; 1110 } 1111 1112 1113 1114 1115 /*******BOX BUTTON********/ 1116 1117 .box-btn {border-color: #000; } 1118 .box-button { 1119 z-index: 2 !important; 1120 width: 100%; 1121} 1122 .box-button button { /*UPDATED*/ 1123 font-family: "Poppins", sans-serif; 1124 width: 100%; 1125 font-size: 24px !important; 1126 background-color: none; 1127 border-radius: 1.406rem !important; 1128 color: #000; 1129 border-style: solid; 1130 font-weight: 600; 1131 text-decoration: none; 1132 } 1133 .box-button button:hover { /*UPDATED*/ 1134 transition: all .4s; 1135 background-color: #e31c3d; 1136 color: #fff; 1137 } 1138 1139 /*******NAV BUTTON********/ 1140 .nav-button { 1141 z-index: 2 !important; 1142 width: 100%; 1143} 1144 .nav-button button { /*UPDATED*/ 1145 width: 100%; 1146 font-size: 18px !important; 1147 background-color: none; 1148 border-radius: 1.406rem !important; 1149 color: #000; 1150 border-style: solid; 1151 font-weight: 600; 1152 text-decoration: none; 1153 } 1154 .nav-button button:hover { /*UPDATED*/ 1155 transition: all .4s; 1156 background-color: #e31c3d; 1157 color: #fff; 1158 } 1159 1160 .cart-nav button { /*UPDATED*/ 1161 width: 100%; 1162 font-size: 13px !important; 1163 background-color: none; 1164 border-radius:.5rem !important; 1165 color: #000; 1166 border-style: solid #000; 1167 font-weight: 600; 1168 text-decoration: none; 1169 1170 } 1171 .cart-nav button:hover { /*UPDATED*/ 1172 transition: all .4s; 1173 background-color: #e31c3d; 1174 color: #fff; 1175 } 1176 1177 .dropdown-menu li { 1178 font-size: 15px !important; 1179 color: #000; 1180 } 1181 .dropdown-menu li a:hover { 1182 transition: all .4s; 1183 color: #fff; 1184 background-color: #e31c3d; 1185 } 1186 /*******MERCH SHOP BUTTON********/ 1187 1188 .mshop-btn {border-color: #fff; } 1189 .mshop-button { 1190 z-index: 2 !important; 1191 width: 75%; 1192 padding: -2rem 0 -2rem 0; 1193} 1194 .mshop-button button { /*UPDATED*/ 1195 width: 75%; 1196 font-size: 24px !important; 1197 background-color: none; 1198 border-radius: 1.406rem !important; 1199 color: #fff; 1200 border-style: solid; 1201 font-weight: 600; 1202 text-decoration: none; 1203 1204 1205 } 1206 .mshop-button button:hover { /*UPDATED*/ 1207 transition: all .4s; 1208 background-color: #fff; 1209 color: #000; 1210 } 1211 1212 /***** MERCH SECTION***/ 1213.midtown-logo { 1214 height:15rem; 1215} 1216 1217 1218 1219.merch-sub 1220{ 1221 font-size: 24px;font-family: inherit;text-align: left; 1222 1223} 1224.merch-header 1225{ 1226 font-size: 54px; padding-bottom: 0; line-height: 50px; text-align: left; 1227} 1228/*.merch-container 1229 { 1230 background-image: url("); 1231} 1232*/ 1233 1234@media only screen and (max-width: 720px) 1235 { 1236 .merch-header{font-size: 38px; line-height: 35px;} 1237 .merch-sub {font-size: 20px;} 1238 .midtown-logo {height:8rem;} 1239 1240 } 1241 1242 1243 1244 </style> 1245 1246 <style> 1247 .sign-BG 1248 {background-image: url("https://comicstoresubscriptions.com/img_files/marvel-bg.png");background-repeat: repeat-y; } 1249 1250 .added-cart-show { 1251 display: block; 1252 } 1253 1254 .added-cart-hide { 1255 display: none; 1256 } 1257 1258 .add-cart-show { 1259 display: block; 1260 } 1261 1262 .add-cart-hide { 1263 display: none; 1264 } 1265 1266 @media only screen and (max-width:980px) 1267 1268 {.add-cart button {font-size: 10vwpx;}} 1269 1270 </style> 1271 1272 1273 <!---------ADDED-----------SCROLLING FIX-----------------> 1274 1275<style> 1276 .content-container { /*ADDED*/ 1277 position: absolute; 1278 left: 0; 1279 top: 0px; 1280 bottom: 0px; 1281 width: 100%; 1282 z-index: 11; 1283 overflow-x: hidden;
1284 overflow-y: scroll; 1285 -webkit-overflow-scrolling: touch; 1286} 1287 1288</style> 1289 1290<!--------------------End of SCROLLING FIX-----------------> 1291 1292 1293<body> 1294 1295 <!-----IMAGE------> 1296 <div class="modal fade" id="enlargeImageModal" tabindex="-1" aria-labelledby="enlargeImageModal" aria-hidden="true" style=""> 1297 <div class="modal-dialog modal-dialog-centered" role="dialog" aria-modal="true" aria-label="Enlarged Image"> 1298 <div class="modal-content "> 1299 <div class="modal-body p-0"> 1300 1301 <img src="https://www.comicstoresubscriptions.com/images/PRODUCT/FUL/12882_ful.jpg" alt="Midnight: X-Men" /> 1302 1303 </div> 1304 </div> 1305 </div> 1306 </div> 1307 <!-- Modal Ratings --> 1308 <div class="modal fade" id="ratings" role="dialog"> 1309 <div class="modal-dialog"> 1310 1311 <!-- Modal content--> 1312 <div class="modal-content"> 1313 <div class="modal-header"> 1314 <button type="button" class="close" data-dismiss="modal">×</button> 1315 1316 1317 </div> 1318 <div class="modal-body"> 1319 <p><h4 class="modal-title" style="text-align:left; font-size: 20px; font-weight: bold;">MARVEL RATING SYSTEM</h4></p> 1320 1321 <p style="text-align:left; font-size: 13px;"><span style="font-weight:bold;color:#203c62">E - Everyone</span> - Appropriate for readers of all ages. May contain cartoon violence and/or some comic mischief.</p> 1322 <p style="text-align:left; font-size: 13px;"><span style="font-weight:bold;color:#203c62">T - TEEN</span> - Appropriate for readers age 12 and older. May contain mild violence, language and/or suggestive themes.</p> 1323 <p style="text-align:left; font-size: 13px;"><span style="font-weight:bold;color:#203c62">T+ - TEEN PLUS</span> - Appropriate for readers age 15 and older. May contain moderate violence, mild profanity, graphic imagery and/or suggestive themes.</p> 1324 <p style="text-align:left; font-size: 13px;"><span style="font-weight:bold;color:#203c62">M - MATURE</span> - Appropriate for readers age 17 and older. May contain intense violence, extensive profanity, nudity, sexual themes and other content suitable only for older readers.</p> 1325 <p style="color:red; text-align:left; font-size: 13px;">Please note, ratings across all digital platforms may vary slightly. The above ratings are meant solely as a guideline.</p> 1326 </div> 1327 1328 </div> 1329 1330 </div> 1331 </div> 1332 <!-- Modal Shipping Alert --> 1333 <div class="modal fade" id="ship-alert" role="dialog"> 1334 <div class="modal-dialog"> 1335 1336 <!-- Modal content--> 1337 <div class="modal-content"> 1338 <div class="modal-header"> 1339 <button type="button" class="close" data-dismiss="modal">×</button> 1340 </div> 1341 <div class="modal-body"> 1342 <p><h4 class="modal-title" style="text-align:left; font-size: 20px; font-weight: bold;">SHIPPING NOTICE</h4></p> 1343 <p style="text-align:left; font-size: 13px;">You may need to wait 6-8 weeks for the arrival of your first issue. The issues depicted below are the next ones to be released, but depending on the release schedule they may have already come and gone by the time your first issue arrives.</p> 1344 1345 </div> 1346 1347 </div> 1348 1349 </div> 1350 </div> 1351 1352 <!-- Modal Discount --> 1353 <div class="modal fade" id="discount" role="dialog"> 1354 <div class="modal-dialog"> 1355 1356 <!-- Modal content--> 1357 <div class="modal-content"> 1358 <div class="modal-header"> 1359 <button type="button" class="close" data-dismiss="modal">×</button> 1360 <h4 class="modal-title"></h4> 1361 </div> 1362 <div class="modal-body"> 1363 <p><h4 class="modal-title" style="text-align:left; font-size: 20px; font-weight: bold;">DISCOUNT ALERT</h4></p> 1364 <p style="font-weight:bold; font-size: 13px; text-align:left;">The more you buy, the more you save!</p> 1365 <p style="text-align:left; font-size: 13px;">One subscription: <span style="color:#b2000e;font-weight:bold;">
1365Up 40% off!</span></p> 1366 <p style="text-align:left; font-size: 13px;">Two or more subscriptions: <span style="color:#b2000e;font-weight:bold;">Up to 45% off!</span></p> 1367 <p style="text-align:left; font-size: 13px;"><strong>Free shipping in the U.S.!</strong></p> 1368 1369 </div> 1370 1371 </div> 1372 1373 </div> 1374 </div> 1375 <div class="modal fade" id="activeTitles" role="dialog"> 1376 <p style="font-weight:bold;font-size:18px">SUBSCRIPTION SHIPMENT STATUS</p> 1377 <p><span style="font-weight:bold;color:#203c62">Total issues</span> - This number is the total number of issues you will receive over the course of your subscription. It's usually twelve for a year's subscription.</p> 1378 <p><span style="font-weight:bold;color:#203c62">Shipped issues</span> - This number is the number of issues that have hit the mail stream, and you should be receiving them soon if you haven't already!</p> 1379 <p><span style="font-weight:bold;color:#203c62">Issues in process</span> - This number is the number of issues currently at the printer, or being transported from the printer to our shipping facility. Because we print issues to match subscription demand, we need to lock in issue numbers ahead of time, so these are issues we can't modify or cancel.</p> 1380 <p><span style="font-weight:bold;color:#203c62">Remaining issues</span> - This is the number of issues that will be coming in the future. This number, plus the number of issues in process, plus the number of shipped issues, will equal your total number of issues for the subscription.</p> 1381 <a class="close-reveal-modal">×</a> 1382 </div> 1383 1384 <!--<div class="modal" id="shipping_myModal" role="dialog"> 1385 <div class="modal-dialog" style="width:800px;"> 1386 <!-- Modal content--> 1387 <!-- <div class="modal-content"> 1388 <div class="modal-header"> 1389 <h4 class="modal-title">Save Address Information</h4> 1390 <div class="alert" id="dv_modal_msg"></div> 1391 <button type="button" class="close" data-bs-dismiss="modal">×</button> 1392 </div> 1393 <div class="modal-body"> 1394 <form id="frmAddress" name="frmAddress" method="post"> 1395 <input type="hidden" id="ad_process" name="ad_process" /> 1396 <input type="hidden" id="ca_id" name="ca_id" value="@ca_id" /> 1397 <input type="hidden" id="isSubsExists" name="isSubsExists" value="@isSubsExists" /> 1398 1399 <div class="row"> 1400 <div class="col-sm-4"> 1401 <div>First Name <span style="color:red">** </span></div> 1402 <input title="Provide First Name" Class="form-control" type="text" id="txtFName" name="txtFName" value="@txtFName" placeholder="First Name" /> 1403 </div> 1404 <div class="col-sm-4"> 1405 <div>Middle Intial</div> 1406 <input title="Provide Middle Name" Class="form-control" type="text" id="txtMName" name="txtMName" value="@txtMName" placeholder="Middle Name" /> 1407 </div> 1408 <div class="col-sm-4"> 1409 <div>Last Name <span style="color:red">**</span></div> 1410 <input title="Provide Last Name" Class="form-control" type="text" id="txtLName" name="txtLName" value="@txtLName" placeholder="Last Name" /> 1411 </div> 1412 </div> 1413 <div class="row"> 1414 <div class="col-sm-12"> 1415 <div>Care of / Company Name</div> 1416 <input title="Provide Company Name" Class="form-control" type="text" id="txtCompnyName" name="txtCompnyName" value="@txtCompnyName" placeholder="Care of / Company Name" /> 1417 </div> 1418 </div> 1419 <div class="row"> 1420 1421 <div class="col-sm-12"> 1422 <div>Address 1 (Street address, P.O. Box)<span style="color:red">**</span></div> 1423 <input title="Provide Address 1" Class="form-control" type="text" id="txtAddress1" name="txtAddress1" value="@txtAddress1" placeholder="Address 1" /> 1424 </div> 1425 1426 </div> 1427 <div class="row"> 1428 1429 <div class="col-sm-12"> 1430 <div>Address 2 (Apartment, suite, unit, building, floor, etc.)</div> 1431 <input title="Provide Address 2" Class="form-control" type="text" id="txtAddress2" name="txtAddress2" value="@txtAddress2" placeholder="Address 2" /> 1432 </div> 1433 </div> 1434 <div class="row"> 1435 <div class="col-sm-12"> 1436 <div>Address 3</div> 1437 <input title="Provide Address 3" Class="form-control" type="text" id="txtAddress3" name="txtAddress3" value="@txtAddress3" placeholder="Address 3" /> 1438 </div> 1439 </div> 1440 <div class="row"> 1441 1442 <div class="col-sm-4"> 1443 <div>City <span style="color:red">**</span></div> 1444 <input title="Provide City" Class="form-control" type="text" id="txtCity" name="txtCity" value="@txtCity" placeholder="City" /> 1445 </div> 1446 <div class="col-sm-4"> 1447 <div>Phone</div> 1448 <input title="Provide Phone" Class="form-control" type="text" id="txtPhoneNo" name="txtPhoneNo" value="@txtPhoneNo" placeholder="Phone #" /> 1449 </div> 1450 <div class="col-sm-4"> 1451 <div>Fax</div> 1452 <input title="Provide Fax" Class="form-control" type="text" id="txtFaxNo" name="txtFaxNo" value="@txtFa
1452xNo" placeholder="Fax #" /> 1453 </div> 1454 </div> 1455 <div class="row"> 1456 1457 <div class="col-sm-4"> 1458 <div>Zip/Postal <span style="color:red">**</span></div> 1459 <input title="Provide Zip/Postal" Class="form-control" type="text" id="txtZipCode" name="txtZipCode" value="@txtZipCode" placeholder="Zip/Postal" /> 1460 </div> 1461 <div class="col-sm-4"> 1462 <div>Ext</div> 1463 <input title="Provide Ext." Class="form-control" type="text" id="txtZipPlus4" name="txtZipPlus4" value="@txtZipPlus4" placeholder="Ext." /> 1464 </div> 1465 <div class="col-sm-4"> 1466 1467 </div> 1468 </div> 1469 <div class="row"> 1470 <div class="col-sm-12"> 1471 <div>Country <span style="color:red">**</span></div> 1472 <div id="dv_@(section_name)_country_container"></div> 1473 </div> 1474 </div> 1475 <div class="row"> 1476 <div class="col-sm-12"> 1477 <div>State</div> 1478 <div id="dv_@(section_name)_state_container"></div> 1479 </div> 1480 </div> 1481 </form> 1482 </div> 1483 <div class="modal-footer"> 1484 <button type="button" id="btnSaveAddress" name="btnSaveAddress" class="btn btn-default" title="Click to Submitt Information">Save</button> 1485 <button type="button" class="btn btn-default" data-bs-dismiss="modal" title="Click to Close">Close</button> 1486 <!--<button type="button" class="btn btn-default" data-dismiss="modal">Save</button>--> 1487 <!--<!-- </div> 1488 </div> 1489 1490 </div> 1491</div>--> 1492 <div id="page" class="content-container"> 1493 <!--ADDED FOR SCROLLING--> 1494 1495 1496 1497<!---------HEADER---------------------------------------------------> 1498 1499<style> 1500 1501.cart-nav .badge{ 1502 background-color: #da0e0e; 1503 font-size: 14px; 1504 position:inherit; 1505 top: 0; 1506 font-weight: 700; 1507 left: 3rem; 1508 border-radius: 20px; 1509 border-bottom-left-radius: 0; 1510 margin-left: .25rem; 1511} 1512 1513.nav-button .badge { 1514 background-color: #da0e0e; 1515 font-size: 14px; 1516 position:relative; 1517 top:0px; 1518 font-weight: 700; 1519 left: .5rem; 1520 border-radius: 20px; 1521 border-bottom-left-radius: 0; 1522 1523} 1524 1525 1526 1527/**Mobile css**/ 1528 1529@media only screen and (max-width: 768px) { 1530 .cart-nav .badge { 1531 background-color: #da0e0e; 1532 font-size: 18px; 1533 position: inherit; 1534 top: -2vw; 1535 font-weight: 700; 1536 left: 7vw; 1537 border-radius: 15px; 1538 border-bottom-left-radius: 0; 1539 } 1540} 1541 1542@media only screen and (max-width: 500px) { 1543 .cart-nav .badge, { 1544 font-size: 14px; 1545 top: -3vw; 1546 left: 7vw; 1547 } 1548 1549} 1550 1551@media only screen and (max-width: 320px){
1552 .cart-nav .badge,{ 1553 font-size: 10px;/*UPDATED*/ 1554 top: -4vw;/*UPDATED*/ 1555 left: 5vw;/*UPDATED*/ 1556 } 1557} 1558 1559 1560 1561 1562</style> 1563<header> 1564 <div id="stickyNav"> 1565 <a id="skipToMain" href="#pageName" class="hidden tabindex" tabindex="0">Skip to Main Content</a> 1566 <!--Text Slider--> 1567 1568 1569 <nav class="navbar navbar-expand-lg " id="mainNav"> 1570 1571 <div class="container"> 1572 1573 1574 <a class="navbar-brand fw-bold ml-2 mt-1" href="https://comicstoresubscriptions.com/"> 1575 <img src="https://comicstoresubscriptions.com/img_files/marvel-subs_logo-b.png" alt="" style="margin: -2rem 0rem -rem -1rem;" class="hide-big-logo"> 1576 <img src="https://comicstoresubscriptions.com/img_files/marvel-subs_logo-b_MOBILE.png" alt="" style="margin: -2rem 0rem -rem -1rem;" class="show-m-logo"> 1577 </a> 1578 1579 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <!--UPDATED JUNE-12-2024 --> 1580 <span class="material-symbols-outlined" style="">menu</span> 1581 </button> 1582 <div class="row w-100 "> 1583 <div class="container-fluid collapse navbar-collapse text-left" id="navbarResponsive"> 1584 <ul class="navbar-nav mr-auto my-2 my-lg-0 " style=""> 1585 1586 <li class="nav-item dropdown" id="shopMenu"> 1587 <span class="nav-link"><a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Shop <b class="caret"></b></a></span> 1588 1589 <ul class="dropdown-menu" data-bs-target="shopMenu" aria-controls="shopMenu"> 1590 <li><span><a class="dropdown-item" href="https://comicstoresubscriptions.com/store/search.asp">All Series</a></span></li> 1591 <!-- By Rating --> 1592 <li class="dropdown-submenu" id="rateResponsive2"><a class="dropdown-item" href="#">By Rating</a> 1593 1594 <ul class="dropdown-menu" data-bs-target="rateResponsive2" aria-controls="rateResponsive2" aria-expanded="true"> 1595 <li><a class="dropdown-item" href="https://comicstoresubscriptions.com/store/search.asp?val=Kids&q=kids">Kids</a></li> 1596 <li><a class="dropdown-item" href="https://comicstoresubscriptions.com/store/search.asp?val=T&q=t">T</a></li> 1597 <li><a class="dropdown-item" href="https://comicstoresubscriptions.com/store/search.asp?val=TPlus&q=plus">T+</a></li> 1598 <li><a class="dropdown-item" href="https://comicstoresubscriptions.com/store/search.asp?val=PA&q=pa">PA</a></li> 1599 </ul> 1600 </li> 1601 1602 <!-- By Character --> 1603 <li class="dropdown-submenu" id="charMenu"><a class="dropdown-item" href="#">By Character</a> 1604 1605 <ul class="dropdown-menu" data-bs-target="charMenu" aria-controls="charMenu" aria-expanded="true"> 1606 <li><a class="dropdown-item" href="https://comicstoresubscriptions.com/store/search.asp?val=Most%20Popular&q=pop">Most Popular</a></li> 1607 <li><a class="dropdown-item" href="https://comicstoresubscriptions.com/store/search.asp?val=Avengers&q=avengers">Avengers</a></li> 1608 <li><a class="dropdown-item" href="https://comicstoresubscriptions.com/store/search.asp?val=Marvel%20Icons&q=icons">Marvel Icons</a></li> 1609 <li><a class="dropdown-item" href="https://comicstoresubscriptions.com/store/search.asp?val=Marvel%20Heroes&q=heroes">Marvel Superheroes</a></li> 1610 <li><a class="dropdown-item" href="https://comicstoresubscriptions.com/store/search.asp?val=Spider-Man&q=spidey">Spider-Man</a></li> 1611 <li><a class="dropdown-item" href="https://comicstoresubscriptions.com/store/search.asp?val=X-Men&q=xmen">X-Men</a></li> 1612 1613 </ul> 1614 </li> 1615 </ul> 1616 </li> 1617 <li class="nav-item"> 1618 1619 <a class="nav-link" href="https://comicstoresubscriptions.com/login.asp">Renew</a> 1620 1621 1622 </li> 1623 <li class="nav-item"> 1624 <a class="nav-link" href="https://comicstoresubscriptions.com/faq.asp">FAQ</a> 1625 </li> 1626 </ul> 1627 1628 <div class="ms-auto my-2 hide-big" style="background: #fff;"> 1629 <ul class="navbar-nav "> 1630 1631 <li id="Search_Nav" class="nav-item " style=""> 1632 <form class="form-inline"> 1633 <input id="txtMarvelSearch" name="txtMarvelSearch" type="text" class="form-control " placeholder="Search here..." style="font-size: 12px;"> 1634 <button type="button" class="btn " onclick="return MakeMarvelSearch();" aria-label="Search"> 1635 <i class="fas fa-search"></i> 1636 </button> 1637 </form> 1638 </li> 1639 1640 1641 <li class="nav-item "> 1642 <a class="nav-link" href="https://comicstoresubscriptions.com/register.asp">Sign Up</a> 1643 </li> 1644 <li class="nav-item "> 1645 <a class="nav-link" href="https://comicstoresubscriptions.com/login.asp">Log In</a> 1646 </li> 1647 1648 <li class="nav-item pl-3 cart-nav" style="padding-top: .15rem;" id="viewCart_Container"> 1649 <button class="btn btn-outline-dark " type="button" onclick="location.href='https://comicstoresubscriptions.com/store/checkout.asp';">View Cart 1650 1651 </button> 1652 1653 </li> 1654 </ul> 1655 </div> 1656 1657 <!-------MOBILE--------------> 1658
1659 <div class="row show-mobile mx-auto" style="background: #fff;"> 1660 <div class=" row mx-auto"> 1661 <!-- Search form --> 1662 <div class="nav-item input-group mb-3" style="margin-left: .5rem;"> 1663 <input id="txtMarvelSearchMobile" name="txtMarvelSearchMobile" type="text" class="form-control" placeholder="Search" aria-label="Search" aria-describedby="search-bar"> 1664 <div class="input-group-prepend"> 1665 <button onclick="return MakeMarvelSearchMobile();"><span class="input-group-text" id="search-bar"><i class="fas fa-search"></i></span></button> 1666 </div> 1667 </div> 1668 <hr class="text-muted" style="margin-left: -.2rem;"> 1669 <div class="row" style="margin-left: .5rem;"> 1670 <div class="col-12 mb-2 mt-1"> 1671 <div class="btn-group nav-button" id="viewCartMobile_Container"> 1672 <button onclick="location.href='https://comicstoresubscriptions.com/store/checkout.asp" class="btn box-btn tabindex" type="button">VIEW CART 1673 1674 </button> 1675 1676 </div> 1677 </div> 1678 </div> 1679 <div class="row" style="margin-left: .5rem;"> 1680 <div class="col-6 pt-2 pb-3 "> 1681 1682 <div class="btn-group nav-button"> 1683 <button onclick="location.href='https://comicstoresubscriptions.com/register.asp';" class="btn box-btn tabindex" type="button">SIGN UP </button> 1684 </div> 1685 1686 </div> 1687 1688 <div class="col-6 pt-2 pb-3"> 1689 1690 <div class="btn-group nav-button"> 1691 <button onclick="location.href='https://comicstoresubscriptions.com/login.asp';" class="btn box-btn tabindex" type="button">LOG IN </button> 1692 </div> 1693 1694 </div> 1695 </div> 1696 </div> 1697 1698 1699 </div> 1700 1701 1702 </div> 1703 </div> 1704 </div> 1705 </nav> 1706 1707 </div> 1708 1709 <!--------------------------------------- /NAV --------------------------------------------------> 1710</header> 1711 1712 1713<!---------/HEADER---------------------------------------------------> 1714
1715<script type="text/javascript"> 1716 1717 $(document).ready(function () { 1718 $('#txtMarvelSearch').keypress(function (event) { 1719 var keycode = (event.keyCode ? event.keyCode : event.which); 1720 if (keycode == '13') { 1721 debugger 1722 var searchStr = $("#txtMarvelSearch").val(); 1723 1724 if (searchStr.length > 3) { 1725 var searchURL = 'https://comicstoresubscriptions.com/store/search.asp?val=' + searchStr; 1726 window.location.href = searchURL; 1727 return false; 1728 } 1729 else { 1730 return false; 1731 } 1732 } 1733 }); 1734 1735 $('#txtMarvelSearchMobile').keypress(function (event) { 1736 var keycode = (event.keyCode ? event.keyCode : event.which); 1737 if (keycode == '13') { 1738 debugger 1739 var searchStr = $("#txtMarvelSearchMobile").val(); 1740 1741 if (searchStr.length > 3) { 1742 var searchURL = 'https://comicstoresubscriptions.com/store/search.asp?val=' + searchStr; 1743 window.location.href = searchURL; 1744 return false; 1745 } 1746 else { 1747 return false; 1748 } 1749 } 1750 }); 1751 1752 }); 1753 1754 1755 function MakeMarvelSearch() { 1756 var txtSearch = $("#txtMarvelSearch").val(); 1757 1758 1759 if (txtSearch.length > 3) { 1760 location.href = 'https://comicstoresubscriptions.com/store/search.asp?val=' + txtSearch; 1761 } 1762 } 1763 1764 function MakeMarvelSearchMobile() { 1765 var txtSearch = $("#txtMarvelSearchMobile").val(); 1766 1767 1768 if (txtSearch.length > 3) { 1769 location.href = 'https://comicstoresubscriptions.com/store/search.asp?val=' + txtSearch; 1770 } 1771 } 1772</script>
1772 1773 1774 <main class="text-pad"> 1775 1776 1777 1778 1779 1780<style> 1781#enlargeImageModal .modal-dialog{ 1782 max-width: 50%; 1783 overflow: hidden; 1784 border-radius: 5px; 1785} 1786 1787#enlargeImageModal .modal-body{ 1788 margin: auto; 1789 height: auto; 1790 width: auto; 1791 overflow: hidden; 1792} 1793 1794#enlargeImageModal .modal-body img{ 1795 display: flex; 1796 margin: auto; 1797 max-width: 100%; 1798} 1799 1800 1801</style> 1802<link href="https://comicstoresubscriptions.com/css_files/ipd.css" rel="stylesheet" /> 1803 <!-------------TEXT SLIDER-------------------> 1804 <div class="row d-block py-1 top-banner mt-3"> 1805 <div id="marquee-slider" class="carousel slide text-center" data-ride="carousel" style=" "> 1806 <div class="carousel-inner " role="listbox"> 1807 <div class="carousel-item active text-center"> 1808 <a href="https://comicstoresubscriptions.com/store/search.asp">UP TO 45% OFF THE NEXT 12 ISSUES OF YOUR FAVORITE COMICS!</a> 1809 </div> 1810 <div class="carousel-item text-center "> 1811 <a href="https://comicstoresubscriptions.com/register.asp">FREE SHIPPING FOR ALL DOMESTIC SUBSCRIPTIONS</a> 1812 </div> 1813 <!-- <div class="carousel-item text-center "> 1814 <a href="https://comicstoresubscriptions.com/newsletter.asp">SIGN UP OF THE MARVEL SUBSCRIPTION NEWSLETTER</a> 1815 </div>--> 1816 </div> 1817 <a id="marquee-iconPR" class="carousel-control-prev hide-big" href="#marquee-slider" role="button" data-slide="prev" 1818 style="xposition:relative;top:0%;yposition:relative;"> 1819 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 1820 <span class="sr-only">Previous</span> 1821 </a> 1822 <a id="nxt-marq" class="carousel-control-next hide-big" href="#marquee-slider" role="button" data-slide="next" 1823 style="xposition:relative;top:0%;yposition:relative;"> 1824 <span class="carousel-control-next-icon" aria-hidden="true"></span> 1825 <span class="sr-only">Next</span> 1826 </a> 1827 </div> 1828 1829 </div> 1830 <!-------------TEXT SLIDER-------------------> 1831 1832 1833<div id="top-section" class="row w-100 mx-auto m-1 " style="padding-top: 1.75rem;"> 1834 <div id="main-image" class="col-5 text-center" role="region" aria-label="Product images"> 1835 <div class="ipd-img" data-toggle="modal" data-target="#enlargeImageModal" style=""> 1836 1837 <img src="https://www.comicstoresubscriptions.com/images/PRODUCT/FUL/12882_ful.jpg" alt="Midnight: X-Men" /> 1838 1839 </div> 1840 </div> 1841 <!-----/IMAGE------> 1842 1843 <!-----PRODUCT INFO------> 1844 <div id="product-info" class="col-7 p-2"> 1845 <!--<div class="row pb2 text-left pl-1"><span><a class="tabindex" href="https://subscriptions.dccomics.com/subs-search?val=Batman">Batman</a> / <a class="tabindex" href="https://subscriptions.dccomics.com/subs-search?val=Gotham City">Gotham City</a> / <a class="tabindex" href="https://subscriptions.dccomics.com/subs-search?val=Justice League">Justice League</a> / <a class="tabindex" href="https://subscriptions.dccomics.com/subs-search?val=Most Popular">Most Popular</a> </span></div>--> 1846 1847 <div id="comictitle" class="row text-left pl-1" aria-label=""> 1848 <h1>Midnight: X-Men</h1> 1849 </div> 1850 <!---PRICE--> 1851 <div id="" class="row "> 1852 1853 <div Class="card-body text-left"> 1854 1855 <div Class="prod-cover"> 1856 Cover Price: $59.88 1857 </div> 1858 1859 1860 <div Class="discount-txt">Your Price: $35.93</div> 1861 1862 1863 <div Class="discount-saved "> YOU SAVE 40% OFF</div> 1864 1865 1866 1867 </div> 1868 1869 1870 </div> 1871 <!---ADD TO CART BUTTON--> 1872 <div id="product-purchase" Class="row" style="margin-top: -2rem;"> 1873 <div id="price-info" Class="row" style="text-align:left;"></div> 1874 <div style="text-align:left;" class="btn-group pcart-button add-cart-show" id = "addtocart1860"> <a href="javascript:comicStore.common.save_cart(1860,1)"><button class="btn p-add-cart tabindex" type="button">ADD TO CART</button></a> </div> <div style="text-align:left;display:none;" class="btn-group pcart-button add-cart-show" id="outofstock1860"> <a href="https://comicstoresubscriptions.com/store/checkout.asp"><button style="background-color: rgb(0, 197, 96);" class="btn p-add-cart tabindex" type="button">ADDED</button></a> </div> 1875 </div> 1876 1877 <!---/ADD TO CART BUTTON--> 1878 1879 1880 <!--Other Info--> 1881 <div class="row col-12 pt-2 pb-2"> 1882 <div id="other-info" class="card-body text-left"> 1883 <ul> 1884 1885 <li>12 issue subscription</li> 1886 1887 1888 <br /> 1889 1890 <li>FREE U.S. Shipping</li> 1891 <p> Please allow 6-8 weeks for delivery of your first issue. </p> 1892 1893 <li><span>Get this subscription for 44% OFF!</span>
1893<p> 1894 <a href="#discount" data-toggle="modal"><span class="bi bi-caret-right"></span> Find out how!</a></p> 1895 </li> 1896 1897 1898 1899 <li><span>Rating : T <a href="#ratings" data-toggle="modal"><img src="https://www.comicstoresubscriptions.com//i/icon_info.png"></a></span></li> 1900 <br /> 1901 1902 1903 <li><span>Class</span><p><a href="https://comicstoresubscriptions.com/store/search.asp?val=New+Titles">New Titles</a></p> </li> 1904 1905 <li><span>Rating</span><p>Parental Advisory</p> </li> 1906 1907 <li><span><font style="color:red">Last Issue Processed</font></span><p>Midnight X-Men #1 Cover A Regular Dike Ruan Cover</p> </li> 1908 1909 1910 1911 </ul> 1912 <span class="names-text pl-2 "> Recent Talent</span> 1913 <ul class="pt-2"> 1914 1915 <li><span>Writer: <span class="names-textb">Jonathan Hickman</span></span> </li> 1916 1917 <li><span>Artist: <span class="names-textb">Matteo Della Fonte</span></span> </li> 1918 1919 <li><span>Release Date: <span class="names-textb">11/18/2026</span></span> </li> 1920 1921 </ul> 1922 1923 </div> 1924 </div> 1925 1926 1927 <!--END--> 1928 1929 1930 </div> 1931</div> 1932 1933 1934<div id="main-section" class="container-fluid text-left"> 1935 <div class="card" style="margin-top: -3rem; border:none;"> 1936 <div id="prod-description" class="row"> 1937 <h2 class="">Description</h2> 1938 </div> 1939 1940 <div style="background-color:#f8f8f8;"> 1941 <div id="" class="row mx-2 pt-4"> 1942 1943 <div id="desc-text" class="row mx-auto "> 1944 <p class="text-justify">AN ALL-NEW, ALL-DISTURBING UNIVERSE BEGINS HERE! The clock strikes midnight, and it''''''''''''''''''''''''''''''''s the dark dawn of a new era. The shadows of New York City are stalked by vampires and the mutant empyres. The sword of Damocles hangs over the peace between these two species and the factions within them. An outright war is brewing and the unturned will be caught in the crossfire. Blockbuster comic book writer Jonathan Hickman returns to the X-Men with a hunger for blood as this new world of terror reimagines the heroes of the Marvel Universe!</p> 1945 1946 </div> 1947 1948 1949 1950 </div> 1951 1952 1953 1954 </div> 1955 1956 </div> 1957 1958 1959
1959<script> 1960$(document).ready(function(){ 1961 // popovers initialization - on hover 1962 $('[data-toggle="popover-hover"]').popover({ 1963 html: true, 1964 trigger: 'hover', 1965 placement: 'bottom', 1966 content: function () { return '<img src="' + $(this).data('img') + '" />'; } 1967 }); 1968 1969 // popovers initialization - on click 1970 $('[data-toggle="popover-click"]').popover({ 1971 html: true, 1972 trigger: 'click', 1973 placement: 'bottom', 1974 content: function () { return '<img src="' + $(this).data('img') + '" />'; } 1975 }); 1976}); 1977 </script>
1977 1978 1979 1980 1981
1982<script type="application/javascript" language="javascript"> 1983 function setAction(action,marvel_pr_id,midtown_pr_id) 1984 { 1985 1986 //alert(marvel_pr_id); 1987 //alert(midtown_pr_id); 1988 //alert(action); 1989 //return false; 1990 1991 //alert(document.getElementById("imgFile").value); 1992 if (action == 'refresh') 1993 { 1994 document.getElementById("wht").value='refresh'; 1995 1996 document.getElementById("marvel_pr_id").value = marvel_pr_id; 1997 document.getElementById("midtown_pr_id").value = midtown_pr_id; 1998 1999 document.frmUpcomming.submit(); 2000 } 2001 else if (action == 'update') 2002 { 2003 document.getElementById("marvel_pr_id").value = marvel_pr_id; 2004 document.getElementById("midtown_pr_id").value = midtown_pr_id; 2005 2006 var x = screen.width/2 - 700/2; 2007 2008 var y = screen.height/2 - 450/2; 2009 2010 2011 window.open("upload.asp?prid=" + marvel_pr_id,"Upload Product Image","height=485,width=700,left=" +x+ ",top="+y) 2012 } 2013 2014 // alert(action); 2015 2016 2017 } 2018 </script>
2018 2019 2020 2021 2022<form id="frmUpcomming" name="frmUpcomming" method="POST"> 2023 <input type="hidden" id="wht" name="wht" /> 2024 <input type="hidden" id="marvel_pr_id" name="marvel_pr_id" /> 2025 <input type="hidden" id="midtown_pr_id" name="midtown_pr_id" /> 2026 <!------UPCOMING ISSUES----> 2027 <div class="card" style="margin-top: 0rem; border: none;"> 2028 <div id="prod-description" class="row" style="width:100%;border-bottom:solid 1px #fff;"> 2029 <span class=""> <h2 style="float:left">Upcoming Issues</h2> </span> 2030 <span style="margin-top:-.5rem; s"><a class="text-muted" href="#ship-alert" data-toggle="modal">Please note that if you subscribe now, your first issue may not necessarily be one of these. <img style="margin-top:-.4rem; margin-left: .2rem;" src="https://subscriptions.dccomics.com/images/icon_info.png"></a></span> 2031 2032 2033 </div> 2034 2035 <div class="container1660 container-fluid mt-2"> 2036 <div class="row justify-content-left"> 2037 2038 2039 2040 <div class="col-auto mb-3 mt-2" style="margin: 0px -20px;"> 2041 <div class="card h-100 c-issue" style="background-color:transparent; border:none;"> 2042 <div class="card-img-top pl-3 "> 2043 2044 <img class="img-fluid float-left" style="border:solid 1px #ccc;margin-bottom:10px;" src="https://www.comicstoresubscriptions.com/images/PRODUCT/FUL/12882_ful.jpg" alt='Midnight X-Men #2 Cover A Regular Dike Ruan Cover' width="250" height="350" /> 2045 2046 </div> 2047 <div class="card-body text-left"> 2048 <span class="up-title pb-2">Midnight X-Men #2 Cover A Regular Dike Ruan Cover</span> 2049 <p Class="issue-text card-text text-justify pt-2">Eat.<br>Prey.<br>Love.<p>PARENTAL ADVISORY</p> 2050 </div> 2051 </div> 2052 </div> 2053 2054 2055 2056 2057 2058 </div> 2059 </div> 2060 2061 </div> 2062 2063</form> 2064 2065 2066 <!------ Upcoming Section-----------------------> 2067 2068 2069 2070</div> 2071 2072 2073 2074 2075<br/><br/> 2076 2077<!--
2077<script> 2078$(document).ready(function(){ 2079 $("#imgIPD").click(function(){ 2080 // Change src attribute of image 2081 $("#enlargeImageModal").attr("src", "images/card-front.jpg"); 2082 }); 2083}); 2084</script>
2084--> 2085 <div style="margin-bottom: 8rem; "></div> <!---UPDATED--> 2086 <!-- App badge section--------> 2087<div class="row mx-auto text-center hide-big " style="background-color: #a40404;margin-top:-5rem;"> 2088 <a target="_blank" href="https://www.midtowncomics.com"><img class="img-fluid " src="https://comicstoresubscriptions.com/img_files/m-footer.png" alt="Shop at Midtown Comics Banner"></a> 2089 2090 2091 2092 </div> 2093 2094 <div class="row w-100 show-mobile mx-auto text-center" style="background-color: #a40404; margin-top:-5rem;"> 2095 <a target="_blank" href="https://www.midtowncomics.com"><img class="img-fluid " src="https://comicstoresubscriptions.com/img_files/m-footer_mobile.png" alt="Shop at Midtown Comics Banner mobile"></a> 2096 </div> 2097 <!-- Footer--> 2098<footer class="bg-black text-center pt-4 w-100"> 2099 <div class="container px-2"> 2100 <div class="justify-content-md-center col-12 footer-logo "> 2101 <img class="img-fluid" src="https://comicstoresubscriptions.com/img_files/marvel_subs-log_footer.png" alt="Comics Subscriptions Logo"> 2102 </div> 2103 <div class="col-12 text-center pt-2"> 2104 <a class="btn btn-link" href="https://comicstoresubscriptions.com/privacy-policy.asp" rel="noopener">Privacy Policy</a> 2105 <!-- <a class="btn btn-link" href="https://comicstoresubscriptions.com/privacy-policy.asp" target="_blank" rel="noopener">Terms</a> 2106 <a class="btn btn-link" href="https://comicstoresubscriptions.com/privacy-policy.asp" target="_blank" rel="noopener">Ad Choices</a>--> 2107 <a class="btn btn-link" href="https://comicstoresubscriptions.com/accessibility.asp" rel="noopener">Accessibility Information</a> 2108 <!-- <a class="btn btn-link ot-sdk-show-settings d-inline-block" href="https://comicstoresubscriptions.com/privacy-policy.asp#cookie-text">Cookies Settings</a>--> 2109 </div> 2110 2111 2112 <style> 2113 .ada-txt{font-size: 12pt; font-family: Roboto; font-weight: normal;} 2114 .ada-header {font-size: 22px; font-family: Roboto; font-weight: 600;} 2115 @media only screen and (max-width: 550px) {.ada-txt{ font-size: 10pt; } 2116 .ada-header {font-size: 19px; }} 2117 2118 </style> 2119 2120 2121 2122 <div class="container-fluid mx-auto pt-2 pb-2"><div id="ada-disclaimer" class=" mx-auto" style="border: solid 1px #fff; 2123 border-radius: 8px; background-color: black; color: white; padding: 0px 3px;"> 2124 <div class="card-body row mx-2"> 2125 <div class="text-left" > 2126 <p class="pt-3"><span class="fa fa-universal-access fa-3x" ></span> <span class="ada-header"> ADA Compliance Notice</span></p> 2127 <p class="ada-txt">We are committed to ensure digital accessibility for everyone. We're constantly improving the user experience by applying relevant accessibility standards to make our website compliant with the World Wide Web Consortium's "Web Content Accessibility Guidelines 2.1" (WCAG 2.1), a set of guidelines adopted by a private group designed to maximize accessibility of web content. </p> 2128 <p><a class="ada-txt" style="color: #FFF844;" href="https://www.comicstoresubscriptions.com/accessibility.asp">Accessibility Information <span class="fa fa-link"></span></a></p> 2129 2130 </div></div> 2131 2132 </div></div> 2133 2134 2135 2136 2137 2138 2139 <div class="col-12 text-center d-inline-block"><div class="small legal d-inline-block"><div>™ & © <span id="currentYear"></span> COMICS STORE SUBSCRIPTIONS. ALL RIGHTS RESERVED</div></div></div> 2140 </div> 2141</footer> 2142 2143 2144
2145<script> 2146 const year = new Date().getFullYear(); 2147 document.getElementById('currentYear').textContent = year; 2148</script>
2148 2149
2150<script type="text/javascript"> 2151 (function() { 2152 var sa = document.createElement('script'); sa.type = 'text/javascript'; sa.async = true; 2153 sa.src = ('https:' == document.location.protocol ? 'https://cdn' : 'http://cdn') + '.ywxi.net/js/1.js'; 2154 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sa, s); 2155 })(); 2156</script>
vendor: 2 bytes, line 2156
2156
2157<script type="text/javascript"> 2158 (function () { 2159 if (!localStorage.getItem('cookieconsent')) { 2160 document.body.innerHTML += '\ 2161 <div class="cookieconsent p-2 text-center" style="padding:0.5rem !important; text-align: center!important; font-size: 12px;position:fixed;left:0;bottom:0;background-color:#000;color:#FFF;width:100%;z-index: 9999999999;">\ 2162 <h6>We Use Cookies</h6>This site uses cookies, including from third parties, to guarantee the best browsing experience on our website. We do not use any cookies for advertisement or marketing. By using our website and services, you agree to our use of cookies. <a href="#"><button type="button" id="btnCookie" class="btn btn-primary btn-sm">OK</button></a>\ 2163 <!--<div style="text-align:center; padding-top: 5px; padding-bottom: 5px;"><a href="#"><button type="button" id="btnCookie" class="btn btn-primary btn-sm">I Agree</button></a></div>-->\ 2164 </div>\ 2165 '; 2166 document.querySelector('.cookieconsent a').onclick = function (e) { 2167 e.preventDefault(); 2168 2169 document.querySelector('.cookieconsent').style.display = 'none'; 2170 localStorage.setItem('cookieconsent', true); 2171 }; 2172 2173 //document.querySelector('.cookieconsent #btnCookie').onclick = function (e) { 2174 // e.preventDefault(); 2175 // document.querySelector('.cookieconsent').style.display = 'none'; 2176 // localStorage.setItem('cookieconsent', true); 2177 //}; 2178 2179 } 2180 })(); 2181 </script>
2181 2182 2183<!-- Start of midtowncomicshelp Zendesk Widget script -->
2184<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=fc204480-5951-42d4-8452-b3d0d122f51c"> </script>
2184 2185<!-- End of midtowncomicshelp Zendesk Widget script --> 2186 2187 2188 2189 2190 2191 2192 2193 2194 2195 </main> 2196 2197 </div> 2198 <!-- id=page --> 2199 2200 2201 2202
2203<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"e5c5bc576d9f44d2823e407194670372","r":1,"spa":2}' crossorigin="anonymous"></script>
2203 2204</body> 2205</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.