things

SUBMITTED BY: Guest

DATE: May 30, 2015, 12:50 a.m.

FORMAT: Text only

SIZE: 195.7 kB

Raw Download

HITS: 1281

Report
  1. <!doctype html>
  2. <html lang='en'>
  3. <head>
  5. <script>
  6. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  7. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  8. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  9. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  10. ga('create', 'UA-467050-6', 'auto');
  11. ga('require', 'displayfeatures');
  12. ga('require', 'ecommerce');
  13. ga('require', 'linkid', 'linkid.js');
  19. ga('send', 'pageview');
  21. </script>
  22. <script>
  24. function _gaTrackEvent_internal(category, action, opt_label, opt_value, opts) {
  25. ga('send', 'event', category, action, opt_label, opt_value, opts);
  26. }
  27. function _gaTrackPageview_internal(page) {
  28. ga('send', 'pageview', page);
  29. }
  30. function _gaSetCustomDimension(index, value, opt_scope) {
  31. opt_scope = opt_scope || 3;
  32. ga('set', 'dimension' + index, value, opt_scope);
  33. }
  35. function _gaTrackEvent(category, action, opt_label, opt_value, opts) {
  36. category = category || ('/' + window.location.pathname.split('/')[1]);
  37. _gaTrackEvent_internal(category, action, opt_label, opt_value, opts);
  38. }
  39. function _gaTrackPageview(page) {
  40. _gaTrackPageview_internal(page);
  41. }
  42. function _gaTrackEventNoninteractive(category, action, opt_label, opt_value) {
  43. _gaTrackEvent(category, action, opt_label, opt_value, {'nonInteraction': 1})
  44. }
  45. </script>
  47. <title>
  48. Humble Bundle - mooman72v2@gmail.com
  49. </title>
  51. <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
  52. <meta name="application-name" content="Humble Bundle">
  53. <meta name="msapplication-TileColor" content="rgb(218,222,230)">
  54. <meta name="msapplication-TileImage" content="https://humblebundle-a.akamaihd.net/static/hashed/49bccd0f2050e5fcfc3c442b269d4ff47b038ed9.png">
  57. <meta name='medium' content='news' />
  58. <meta property='og:site_name' content='Humble Bundle' />
  59. <meta property='og:type' content='website' /><!-- social -->
  61. <!-- /social -->
  63. <link rel="apple-touch-icon" sizes="144x144" href="https://humblebundle-a.akamaihd.net/static/hashed/03df0490a53d595fd930f9fff52038366d60a05d.png">
  64. <link rel="icon" type="image/png" sizes="16x16" href="https://humblebundle-a.akamaihd.net/static/hashed/4c8bbc6fc7b2b8a9fa21e895afe1157188e28bfb.png">
  65. <link rel="icon" type="image/png" sizes="32x32" href="https://humblebundle-a.akamaihd.net/static/hashed/46cf2ed85a0641bfdc052121786440c70da77d75.png">
  66. <link rel="shortcut icon" href="https://humblebundle-a.akamaihd.net/static/hashed/47e474eed38083df699b7dfd8d29d575e3398f1e.ico">
  68. <link rel='alternate' type='application/rss+xml' title='Humble Mumble' href='http://blog.humblebundle.com/rss' /><!-- styles-linked -->
  69. <link rel="stylesheet" href="https://humblebundle-a.akamaihd.net/static/hashed/ac55e81857c680f3e38432408698ff092ffa93df.css" />
  70. <link rel="stylesheet" href="https://humblebundle-a.akamaihd.net/static/hashed/ec6bd363496548183232c67082c7e28d2c732323.css" />
  71. <link rel="stylesheet" href="https://humblebundle-a.akamaihd.net/static/hashed/a6a34a0b5c02c11767450fbd63b9a7a5763acea7.css" />
  73. <!-- /styles-linked -->
  74. <!-- styles-required -->
  75. <style>
  77. /* THIS IS AN AUTO-GENERATED FILE */
  78. .stepholder { position: relative; }
  80. .step { width: 32px; height: 33px; position: absolute; left: 2px; top: 2px; }
  82. .steptext { padding: 12px 43px; font-weight: bold; }
  84. .ttext { height: 18px; }
  86. .stepoption { padding: 7px 0 7px 36px; font-weight: normal; position: relative; }
  88. body { background: #eee; color: #333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0; min-width: 942px; }
  90. #form { padding-top: 24px; color: #ddd; }
  92. a { color: #888; }
  94. h1 { margin: 0; font-weight: 200; }
  96. h2 { font-weight: 200; }
  98. h3 { font-weight: 200; font-size: 16px; padding: 0; margin: 0; }
  100. header.constrain-width { width: 940px; margin: 0 auto; }
  102. .hb-logo-header { text-indent: 100%; overflow: hidden; white-space: nowrap; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE5MnB4IiBoZWlnaHQ9IjYwcHgiIHZpZXdCb3g9IjAgMCAxOTIgNjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjAuNCAoODA1NCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+SHVtYmxlIEJ1bmRsZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJIdW1ibGUtQnVuZGxlIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiBmaWxsPSIjQ0IyNzI5Ij4KICAgICAgICAgICAgPHBhdGggZD0iTTIxLjgzODYxNDMsMzEuMzI1ODAwNiBMMTYuNjk4ODE0MywyOC43ODc4MDA2IEMxNi4xMDU2ODEsMjkuMDM3ODAwNiAxMy40OTU0ODEsMzEuMzAxODAwNiAxMy40OTU0ODEsMzIuODkzODAwNiBDMTMuNDk1NDgxLDM0LjQ4NTgwMDYgMTQuMzczODE0MywzNS4xNTc4MDA2IDE0LjM3MzgxNDMsMzUuMTU3ODAwNiBDOS45NTczNDc2OCwzMy40MTU4MDA2IDE1LjA2ODIxNDMsMjguMzg5ODAwNiAxNi43NTA0ODEsMjYuNjcxODAwNiBDMTkuNzQ3MTQ3NywyMy42MDk4MDA2IDE5LjkzOTM0NzcsMjEuNzY5ODAwNiAxOS45MzkzNDc3LDIwLjQwMTgwMDYgQzE5LjkzOTM0NzcsMTkuMDMxODAwNiAxOC43NjM0MTQzLDE4LjUwOTgwMDYgMTguNzYzNDE0MywxOC41MDk4MDA2IEMxOC41MTc0ODEsMTguNDA5ODAwNiAxOC4yNzc3NDc3LDE4LjUyNTgwMDYgMTguNjYwMDgxLDE4Ljg4MTgwMDYgQzE5LjA5MjAxNDMsMTkuMjg1ODAwNiAxOS4wNzM0MTQzLDIwLjAwMTgwMDYgMTkuMDczNDE0MywyMC4wMDE4MDA2IEMxOS4wNzM0MTQzLDIyLjQ2NTgwMDYgMTUuNTA0MjgxLDI0LjEwMzgwMDYgMTMuODMwMjgxLDI0LjcyOTgwMDYgQzEwLjkwMTgxNDMsMjUuODI3ODAwNiA1LjMwOTQxNDM0LDI3LjQ0NTgwMDYgNS4zMDk0MTQzNCwzMy42NDE4MDA2IEM1LjMwOTQxNDM0LDM5LjgzNzgwMDYgOC45MjYwODEwMSw0MS42NTU4MDA2IDE0Ljc4NzE0NzcsNDEuNjU1ODAwNiBDMjAuMjEyMTQ3Nyw0MS42NTU4MDA2IDIzLjMxMDA4MSwzOS43Mzk4MDA2IDIzLjMxMDA4MSwzNS42MzM4MDA2IEMyMy4zMTAwODEsMzEuOTIzODAwNiAyMS44Mzg2MTQzLDMxLjMyNTgwMDYgMjEuODM4NjE0MywzMS4zMjU4MDA2IEwyMS44Mzg2MTQzLDMxLjMyNTgwMDYgWiBNMTYuMjcxMDE0MywyMi40Njc4MDA2IEMxNS41MjcwMTQzLDIxLjc3NTgwMDYgMTUuMDAwMDE0MywyMC45NTE4MDA2IDE1LjAwMDAxNDMsMjAuMDAzODAwNiBDMTUuMDAwMDE0MywyMC4wMDM4MDA2IDE0Ljk4MTQxNDMsMTkuMjg3ODAwNiAxNS40MTMzNDc3LDE4Ljg4MzgwMDYgQzE1Ljc5NTY4MSwxOC41MjU4MDA2IDE1LjU1NTk0NzcsMTguNDA5ODAwNiAxNS4zMTAwMTQzLDE4LjUxMTgwMDYgQzE1LjMxMDAxNDMsMTguNTExODAwNiAxNC4xMzQwODEsMTkuMDMzODAwNiAxNC4xMzQwODEsMjAuNDAzODAwNiBDMTQuMTM0MDgxLDIxLjE2NTgwMDYgMTQuMTk0MDE0MywyMi4wNzM4MDA2IDE0Ljc2NDQxNDMsMjMuMjU3ODAwNiBMMTYuMjcxMDE0MywyMi40Njc4MDA2IEwxNi4yNzEwMTQzLDIyLjQ2NzgwMDYgWiBNMTMuOTEwODgxLDIzLjcyMzgwMDYgTDIuNTQ2MjgxMDEsMTguMDYxODAwNiBDMi41NDYyODEwMSwxOC4wNjE4MDA2IDEuNTc3MDE0MzQsMTcuNzM5ODAwNiAxLjE1MzM0NzY4LDE4LjU2NTgwMDYgQzAuNjU3MzQ3Njc1LDE5LjUzNzgwMDYgMS41MjMyODEwMSwyMC4wMzM4MDA2IDEuNTIzMjgxMDEsMjAuMDMzODAwNiBMMTEuMDUwNjE0MywyNC43Nzk4MDA2IEwxMy45MTA4ODEsMjMuNzIzODAwNiBMMTMuOTEwODgxLDIzLjcyMzgwMDYgWiBNMzIuMzIwNzQ3NywzMi44OTc4MDA2IEwxOC42NzQ1NDc3LDI2LjA5NzgwMDYgTDE3LjE5NDgxNDMsMjcuODQxODAwNiBMMzEuMjk3NzQ3NywzNC44Njk4MDA2IEMzMS4yOTc3NDc3LDM0Ljg2OTgwMDYgMzIuMTc4MTQ3NywzNS4wMzM4MDA2IDMyLjU0ODA4MSwzNC4yOTU4MDA2IEMzMi45NjE0MTQzLDMzLjQ2NTgwMDYgMzIuMzIwNzQ3NywzMi44OTc4MDA2IDMyLjMyMDc0NzcsMzIuODk3ODAwNiBMMzIuMzIwNzQ3NywzMi44OTc4MDA2IFoiIGlkPSJIQiIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMTI1LDM3IEwxMjkuMzgwNzM0LDM3IEMxMzIuNzk4MTY1LDM3IDEzNSwzNS40MjE4NTEzIDEzNSwzMi4zMzgzOTE1IEMxMzUsMzAuMTI4OTgzMyAxMzMuNjAwOTE3LDI4LjgxNzkwNTkgMTMxLjM3NjE0NywyOC40Nzc5OTcgTDEzMS4zNzYxNDcsMjguMzgwODgwMSBDMTMzLjE2NTEzOCwyNy44OTUyOTU5IDEzNC4wNTk2MzMsMjYuNTU5OTM5MyAxMzQuMDU5NjMzLDI0Ljg4NDY3MzcgQzEzNC4wNTk2MzMsMjIuMjEzOTYwNSAxMzIuMTEwMDkyLDIxIDEyOS4wODI1NjksMjEgTDEyNSwyMSBMMTI1LDM3IFogTTEyNiwyOC4wNDggTDEyNiwyMiBMMTI4Ljc0OTE3NSwyMiBDMTMxLjU0NDU1NCwyMiAxMzMsMjIuODY0IDEzMywyNC45MDQgQzEzMywyNi45OTIgMTMxLjc1MjQ3NSwyOC4wNDggMTI4LjYxMDU2MSwyOC4wNDggTDEyNiwyOC4wNDggWiBNMTI2LDM2LjAzMiBMMTI2LDI5LjAzMiBMMTI5LjA5MzAyMywyOS4wMzIgQzEzMi4yMDkzMDIsMjkuMDMyIDEzNCwzMC4xMjcyMzgxIDEzNCwzMi4zNjUzMzMzIEMxMzQsMzQuODg5MTQyOSAxMzIuMTM5NTM1LDM2LjAzMiAxMjkuMDkzMDIzLDM2LjAzMiBMMTI2LDM2LjAzMiBaIE0xMzgsMzIuNTEyMTk1MSBDMTM4LDM1LjUzNjU4NTQgMTM5LjE3NjEzNiwzNyAxNDEuNzA3Mzg2LDM3IEMxNDMuMzk0ODg2LDM3IDE0NC42NzMyOTUsMzYuMDk3NTYxIDE0NS44NzUsMzQuNzU2MDk3NiBMMTQ1LjkyNjEzNiwzNC43NTYwOTc2IEwxNDYuMDUzOTc3LDM2LjcwNzMxNzEgTDE0NywzNi43MDczMTcxIEwxNDcsMjUgTDE0NS44NzUsMjUgTDE0NS44NzUsMzMuNjM0MTQ2MyBDMTQ0LjQ0MzE4MiwzNS4yOTI2ODI5IDE0My4zNjkzMTgsMzYuMDI0MzkwMiAxNDEuOTExOTMyLDM2LjAyNDM5MDIgQzEzOS45NDMxODIsMzYuMDI0MzkwMiAxMzkuMTI1LDM0Ljg1MzY1ODUgMTM5LjEyNSwzMi4zNjU4NTM3IEwxMzkuMTI1LDI1IEwxMzgsMjUgTDEzOCwzMi41MTIxOTUxIFogTTE1MSwzNyBMMTUyLjExNTQ5MywzNyBMMTUyLjExNTQ5MywyOC4xNzA3MzE3IEMxNTMuNjExMjY4LDI2LjcwNzMxNzEgMTU0LjY1MDcwNCwyNS45NzU2MDk4IDE1Ni4wOTU3NzUsMjUuOTc1NjA5OCBDMTU4LjA3MzIzOSwyNS45NzU2MDk4IDE1OC44ODQ1MDcsMjcuMTQ2MzQxNSAxNTguODg0NTA3LDI5LjYzNDE0NjMgTDE1OC44ODQ1MDcsMzcgTDE2MCwzNyBMMTYwLDI5LjQ4NzgwNDkgQzE2MCwyNi40NjM0MTQ2IDE1OC44MzM4MDMsMjUgMTU2LjMyMzk0NCwyNSBDMTU0LjY1MDcwNCwyNSAxNTMuMzgzMDk5LDI1LjkwMjQzOSAxNTIuMTQwODQ1LDI3LjA5NzU2MSBMMTUyLjA2NDc4OSwyNy4wOTc1NjEgTDE1MS45NjMzOCwyNS4yOTI2ODI5IEwxNTEsMjUuMjkyNjgyOSBMMTUxLDM3IFogTTE2MywzMC44MTk0MjU0IEMxNjMsMzQuODA4NDgxNSAxNjQuOTUsMzcgMTY3Ljk3NSwzNyBDMTY5LjU3NSwzNyAxNzAuOSwzNi4xMzgxNjY5IDE3MS44NzUsMzUuMTc3ODM4NiBMMTcxLjk1LDM1LjE3NzgzODYgTDE3Mi4wNSwzNi43MDQ1MTQ0IEwxNzMsMzYuNzA0NTE0NCBMMTczLDE5IEwxNzEuOSwxOSBMMTcxLjksMjMuODc1NTEzIEwxNzEuOTUsMjYuMDQyNDA3NyBDMTcwLjc1LDI1LjEzMTMyNjkgMTY5Ljc3NSwyNC41ODk2MDMzIDE2OC4zMjUsMjQuNTg5NjAzMyBDMTY1LjQ3NSwyNC41ODk2MDMzIDE2MywyNy4wMDI3MzYgMTYzLDMwLjgxOTQyNTQgWiBNMTY0LjAwOCwzMS4wMjM0NzQyIEMxNjQuMDA4LDI4LjE4MzA5ODYgMTY1Ljg5Nzk2OCwyNiAxNjguMzgzNDA1LDI2IEMxNjkuNjAwMjMzLDI2IDE3MC42ODc2MTIsMjYuMzk5MDYxIDE3Mi4wMDgsMjcuNDU1Mzk5MSBMMTcyLjAwOCwzNC4xNDU1Mzk5IEMxNzAuNjg3NjEyLDM1LjM0MjcyMyAxNjkuNDcwNzgzLDM2IDE2OC4wOTg2MTUsMzYgQzE2NS40NTc4MzgsMzYgMTY0LjAwOCwzNC4wMDQ2OTQ4IDE2NC4wMDgsMzEuMDIzNDc0MiBaIE0xNzcsMzUuMTI4NTkxIEMxNzcsMzYuNDA5MDI4NyAxNzcuNDM5NTYsMzcgMTc4LjI5NjcwMywzNyBDMTc4LjYwNDM5NiwzNyAxNzguODAyMTk4LDM2Ljk1MDc1MjQgMTc5LDM2Ljg3Njg4MSBMMTc4LjgyNDE3NiwzNS45OTA0MjQxIEMxNzguNjA0Mzk2LDM2LjAzOTY3MTcgMTc4LjUxNjQ4NCwzNi4wMzk2NzE3IDE3OC40Mjg1NzEsMzYuMDM5NjcxNyBDMTc4LjE2NDgzNSwzNi4wMzk2NzE3IDE3Ny45NjcwMzMsMzUuNzkzNDMzNyAxNzcuOTY3MDMzLDM1LjI3NjMzMzggTDE3Ny45NjcwMzMsMTkgTDE3NywxOSBMMTc3LDM1LjEyODU5MSBaIE0xODIsMzEuMDIzODA5NSBDMTgyLDM0Ljc2MTkwNDggMTg0LjUxOTA4NCwzNyAxODcuNjQ4ODU1LDM3IEMxODkuNDMwMDI1LDM3IDE5MC41MjQxNzMsMzYuNDI4NTcxNCAxOTEuNDkxMDk0LDM1Ljg4MDk1MjQgTDE5MS4wMzMwNzksMzUuMDcxNDI4NiBDMTkwLjExNzA0OCwzNS42OTA0NzYyIDE4OS4wNzM3OTEsMzYuMDk1MjM4MSAxODcuNzUwNjM2LDM2LjA5NTIzODEgQzE4NS4wMDI1NDUsMzYuMDk1MjM4MSAxODMuMTk1OTI5LDM0LjAyMzgwOTUgMTgzLjE0NTAzOCwzMS4xNDI4NTcxIEwxOTEuOTQ5MTA5LDMxLjE0Mjg1NzEgQzE5MiwzMC44NTcxNDI5IDE5MiwzMC41NzE0Mjg2IDE5MiwzMC4yODU3MTQzIEMxOTIsMjYuOTI4NTcxNCAxOTAuMjE4ODMsMjUgMTg3LjMxODA2NiwyNSBDMTg0LjU5NTQyLDI1IDE4MiwyNy4yODU3MTQzIDE4MiwzMS4wMjM4MDk1IFogTTE4MywzMCBDMTgzLjI2MTQzOCwyNy41MjY4ODE3IDE4NS4xNjk5MzUsMjYgMTg3LjMxMzcyNSwyNiBDMTg5LjU2MjA5MiwyNiAxOTEsMjcuMzU0ODM4NyAxOTEsMzAgTDE4MywzMCBaIE00MiwzNyBMNDMuMTM5NjM5NiwzNyBMNDMuMTM5NjM5NiwyOC45ODc4NjA0IEw1MS44NjAzNjA0LDI4Ljk4Nzg2MDQgTDUxLjg2MDM2MDQsMzcgTDUzLDM3IEw1MywyMSBMNTEuODYwMzYwNCwyMSBMNTEuODYwMzYwNCwyOC4wMTY2OTIgTDQzLjEzOTYzOTYsMjguMDE2NjkyIEw0My4xMzk2Mzk2LDIxIEw0MiwyMSBMNDIsMzcgWiBNNTcuMDQzOTk5MiwzMi41MTIxOTUxIEM1Ny4wNDM5OTkyLDM1LjUzNjU4NTQgNTguMjIwMTM1NiwzNyA2MC43NTEzODU2LDM3IEM2Mi40Mzg4ODU2LDM3IDYzLjcxNzI5NDcsMzYuMDk3NTYxIDY0LjkxODk5OTIsMzQuNzU2MDk3NiBMNjQuOTcwMTM1NiwzNC43NTYwOTc2IEw2NS4wOTc5NzY1LDM2LjcwNzMxNzEgTDY2LjA0Mzk5OTIsMzYuNzA3MzE3MSBMNjYuMDQzOTk5MiwyNSBMNjQuOTE4OTk5MiwyNSBMNjQuOTE4OTk5MiwzMy42MzQxNDYzIEM2My40ODcxODExLDM1LjI5MjY4MjkgNjIuNDEzMzE3NCwzNi4wMjQzOTAyIDYwLjk1NTkzMTEsMzYuMDI0MzkwMiBDNTguOTg3MTgxMSwzNi4wMjQzOTAyIDU4LjE2ODk5OTIsMzQuODUzNjU4NSA1OC4xNjg5OTkyLDMyLjM2NTg1MzcgTDU4LjE2ODk5OTIsMjUgTDU3LjA0Mzk5OTIsMjUgTDU3LjA0Mzk5OTIsMzIuNTEyMTk1MSBaIE03MCwzNyBMNzEuMDM3NzM1OCwzNyBMNzEuMDM3NzM1OCwyOC4xNzA3MzE3IEM3Mi4yODc3MzU4LDI2LjcwNzMxNzEgNzMuNDE5ODExMywyNS45NzU2MDk4IDc0LjQzMzk2MjMsMjUuOTc1NjA5OCBDNzYuMTc5MjQ1MywyNS45NzU2MDk4IDc2Ljk4MTEzMjEsMjcuMTQ2MzQxNSA3Ni45ODExMzIxLDI5LjYzNDE0NjMgTDc2Ljk4MTEzMjEsMzcgTDc4LjAxODg2NzksMzcgTDc4LjAxODg2NzksMjguMTcwNzMxNyBDNzkuMjY4ODY3OSwyNi43MDczMTcxIDgwLjM1Mzc3MzYsMjUuOTc1NjA5OCA4MS40MTUwOTQzLDI1Ljk3NTYwOTggQzgzLjEzNjc5MjUsMjUuOTc1NjA5OCA4My45Mzg2NzkyLDI3LjE0NjM0MTUgODMuOTM4Njc5MiwyOS42MzQxNDYzIEw4My45Mzg2NzkyLDM3IEw4NSwzNyBMODUsMjkuNDg3ODA0OSBDODUsMjYuNDYzNDE0NiA4My44Njc5MjQ1LDI1IDgxLjYwMzc3MzYsMjUgQzgwLjMwNjYwMzgsMjUgNzkuMDU2NjAzOCwyNS45MjY4MjkzIDc3Ljc1OTQzNCwyNy4zOTAyNDM5IEM3Ny4zNTg0OTA2LDI1Ljk1MTIxOTUgNzYuNDM4Njc5MiwyNSA3NC42MjI2NDE1LDI1IEM3My4zNzI2NDE1LDI1IDcyLjA3NTQ3MTcsMjUuOTAyNDM5IDcxLjA2MTMyMDgsMjcuMDk3NTYxIEw3MC45OTA1NjYsMjcuMDk3NTYxIEw3MC44OTYyMjY0LDI1LjI5MjY4MjkgTDcwLDI1LjI5MjY4MjkgTDcwLDM3IFogTTg5LjA0Mzk5OTIsMzYuNzA0NTE0NCBMODkuOTY4OTk5MiwzNi43MDQ1MTQ0IEw5MC4wOTM5OTkyLDM1LjU5NjQ0MzIgTDkwLjE0Mzk5OTIsMzUuNTk2NDQzMiBDOTEuMjY4OTk5MiwzNi40NTgyNzYzIDkyLjU5Mzk5OTIsMzcgOTMuNzQzOTk5MiwzNyBDOTYuNTY4OTk5MiwzNyA5OS4wNDM5OTkyLDM0LjYzNjExNDkgOTkuMDQzOTk5MiwzMC42MjI0MzUgQzk5LjA0Mzk5OTIsMjYuOTUzNDg4NCA5Ny40NDM5OTkyLDI0LjU4OTYwMzMgOTQuMjQzOTk5MiwyNC41ODk2MDMzIEM5Mi43Njg5OTkyLDI0LjU4OTYwMzMgOTEuMzE4OTk5MiwyNS40MjY4MTI2IDkwLjA5Mzk5OTIsMjYuNDM2Mzg4NSBMOTAuMTQzOTk5MiwyNC4xMjE3NTEgTDkwLjE0Mzk5OTIsMTkgTDg5LjA0Mzk5OTIsMTkgTDg5LjA0Mzk5OTIsMzYuNzA0NTE0NCBaIE05MC4wNDM5OTkyLDM0LjU0NDYwMDkgTDkwLjA0Mzk5OTIsMjcuODU0NDYwMSBDOTEuNTE5NzI3NCwyNi42NTcyNzcgOTIuODY2MDA1NywyNiA5NC4xMDg3MjQyLDI2IEM5Ni45NTY2MjA2LDI2IDk4LjA0Mzk5OTIsMjguMDY1NzI3NyA5OC4wNDM5OTkyLDMwLjgzNTY4MDggQzk4LjA0Mzk5OTIsMzMuODg3MzIzOSA5Ni4yMzE3MDE1LDM2IDkzLjcyMDM3NDYsMzYgQzkyLjc2MjQ0NTgsMzYgOTEuNDE2MTY3NSwzNS42MDA5MzkgOTAuMDQzOTk5MiwzNC41NDQ2MDA5IFogTTEwMy4wNDM5OTksMzUuMTI4NTkxIEMxMDMuMDQzOTk5LDM2LjQwOTAyODcgMTAzLjQ4MzU2LDM3IDEwNC4zNDA3MDMsMzcgQzEwNC42NDgzOTUsMzcgMTA0Ljg0NjE5NywzNi45NTA3NTI0IDEwNS4wNDM5OTksMzYuODc2ODgxIEwxMDQuODY4MTc1LDM1Ljk5MDQyNDEgQzEwNC42NDgzOTUsMzYuMDM5NjcxNyAxMDQuNTYwNDgzLDM2LjAzOTY3MTcgMTA0LjQ3MjU3MSwzNi4wMzk2NzE3IEMxMDQuMjA4ODM0LDM2LjAzOTY3MTcgMTA0LjAxMTAzMiwzNS43OTM0MzM3IDEwNC4wMTEwMzIsMzUuMjc2MzMzOCBMMTA0LjAxMTAzMiwxOSBMMTAzLjA0Mzk5OSwxOSBMMTAzLjA0Mzk5OSwzNS4xMjg1OTEgWiBNMTA4LjA0Mzk5OSwzMS4wMjM4MDk1IEMxMDguMDQzOTk5LDM0Ljc2MTkwNDggMTEwLjU2MzA4MywzNyAxMTMuNjkyODU0LDM3IEMxMTUuNDc0MDI1LDM3IDExNi41NjgxNzIsMzYuNDI4NTcxNCAxMTcuNTM1MDkzLDM1Ljg4MDk1MjQgTDExNy4wNzcwNzgsMzUuMDcxNDI4NiBDMTE2LjE2MTA0OCwzNS42OTA0NzYyIDExNS4xMTc3OTEsMzYuMDk1MjM4MSAxMTMuNzk0NjM1LDM2LjA5NTIzODEgQzExMS4wNDY1NDQsMzYuMDk1MjM4MSAxMDkuMjM5OTI4LDM0LjAyMzgwOTUgMTA5LjE4OTAzNywzMS4xNDI4NTcxIEwxMTcuOTkzMTA5LDMxLjE0Mjg1NzEgQzExOC4wNDM5OTksMzAuODU3MTQyOSAxMTguMDQzOTk5LDMwLjU3MTQyODYgMTE4LjA0Mzk5OSwzMC4yODU3MTQzIEMxMTguMDQzOTk5LDI2LjkyODU3MTQgMTE2LjI2MjgyOSwyNSAxMTMuMzYyMDY1LDI1IEMxMTAuNjM5NDE5LDI1IDEwOC4wNDM5OTksMjcuMjg1NzE0MyAxMDguMDQzOTk5LDMxLjAyMzgwOTUgWiBNMTA5LDMwIEMxMDkuMjYxNDM4LDI3LjUyNjg4MTcgMTExLjE2OTkzNSwyNiAxMTMuMzEzNzI1LDI2IEMxMTUuNTYyMDkyLDI2IDExNywyNy4zNTQ4Mzg3IDExNywzMCBMMTA5LDMwIFoiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat; background-position: -2px -40px; background-size: 100%; height: 55px; width: 435px; margin: 30px 0 5px 0; }
  104. .base-main-wrapper { width: 900px; margin: 30px auto; background: #fff; border: 1px solid #ccc; border-radius: 3px; padding: 20px; }
  105. /* THIS IS AN AUTO-GENERATED FILE */
  106. .genericbutton { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAAAcCAYAAABvc+EPAAAF0ElEQVR42u2Xb0xTVxjGb6Lf/bYwca6TgdPJH0GRMZzi1pa1FIq18rdA7YBWVOwY1WALxemY4iLTjUSngBMHKi4uBMI2I5uCoqhxaqay6bJEBmRzQygqDNO9T71naQjjg1luW3JJfjnveZ9z3ns4z72n93L0N42QEyZiLWEU8VrW8j7JXb5Nnz49jgItEUWEEAtEvJYQ3iety7cZM2YYqBNMzCZmEf4iXsss3qdg3jdOQ0ggiPgMEt43LoF4QcTngG+cihM3whdRsSdvtojPkcDMe1HEt2DmJRISIZnp7xcSuSQ8xZ2whcGK/6M2as2dFxiDeIoD3zg18ZKQJKqVBkW81DkRsrjYb56f6Rf6rLVRQ5ucVI14igPfuJVEgJCUbS15H5t88uQJ57VrV/9l0+ZCl4FKlfzIs9bGfPtWWyfiKQ584zTEy0JiLyvZhk2uPVR9uKmpKZ3R3X37KvI5efo+NtbP77nwZcujt8W+uXQPWvSZBhYtDkuHBoLmBizDfLo5LkykR0UvMrE8I+aNKAvTQ0JfVY2fh5q4LtNx/fFr8RAaZl6gkJTabduxyWjd8/o1mRuR31lR3ot+YFDAcuoP8UfhIFr0kYceszRqE3IgMUkxolTJHMw8pjMNIH5LtuxLaACxe22AOdDoBnJpqKnRJg4gjk+QD1P7G2olqBWPsRb+hggUGmbeKiJISJh5GZkpZ5aviNkLpPLYU9gcbbLa2dl5/gTGJa2Mb8U4HKkjIyM95853ONFHHnqC+u1H2WsynH39fc4HDx4MVewqH4VuL7NdCAyaE4sYRzE08NHuna75wSHzEyMWh2Ug3re/ylUbNTAWNVEbNaCjpvu1jSbDKKuHfp7RcBrjPQB847TEXCEptVs/wD+epU8f0Bt090BauvYRcpnZaU/W5hvTME69UjkKczA+YlGormLXjsr89XnOPJPhd/Qxfs/e3Q6r1bpCpVItbm5uOsvMy9Cl2vinuE8ZH2cENbUHLiOny0xtyMmlJwvm7atqR61svc6Mscihz8w7eqy+E2vBtdGvO3KoH9cCMDsnN7sPugeAb9xq4hUhKSl9al7HufZfBwcHLwLc3XVHPncivzpFU4VxiDXahCfa1eqbjAJz/rBl87t/sRqH6w6dZnVraqqNT82zXly3wdSMWJeV+iebm65LvksbToZXniowr7sJHTmmwwjo5R9ut6IG9La2tnz3NVfXHKxDH6wvMA0CxB4AvnHJxDwhsZVsKcdGoHXPX7ly5TPki7dYzqKPIxRPIsxlHDtWf5dM/pHVyDUa2th8Zby8iJl34OD+Ft7cfja3p+fe5U8+/bintrZ6Lz1lLvMuXeq6wXTE0EvtJXnMvMnWzMxD7AGSmXnzhcR9I9zzCoViCf879QP67DcsOiayeE6ARIoWfXqqOhobG7NgLo5Wpqekan4iHcfsxeONxy3QU9JW9YdHhGZBJ+176CWlNuMX9XUnESdpVDegYQy9iPxCjFgsFilqQJ9szcw8xELDzEshFgiJ1Va8AxuBdryGPAxBTJ8Ozewlg4Fj7fr1a0eh3759a7jIYh5j2js5WcO8eV1xcXGvnTn73aPcPP1jXiej4v/+9tTXzqKiIllDQ4OenmAcmyPQ+BeoUdREbdRAbrI1r99gGgSIPQB841KJYCGpr69f46Q/tOM15MfGxoYQy2Sy6N7e3q8cjiEn3vbu3PkZb45dyEOvrKzUos8+8h8+fHgL87u7u6ugt7a2FiAHDfMHBgYcHR0dVmgA4/BbC0Mx5v79P3pRk2moNdmacW2A2APANy6NCPFmpFLp6y0tLRuxsRPp2FCA+L90zEedifT29nYbxjDdR4BvXDoRKuJzwDcugwgT8TngG6cjFnLiZvgSC12++fv7myiIRELEZ4h0+VZYWFhMHSWxhIggwkW8lgjeJ6XZbC7mHA6HlD5Kt0gkkixKaogkEa9FA5/gF/km4+jTZRohJ94j7CJeD3ySw7d/AB0Z1saflDJ+AAAAAElFTkSuQmCC) no-repeat; }
  108. .activated .genericbutton { background: url(data:image/png;base64,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) no-repeat; }
  110. .steambutton { background: url(data:image/png;base64,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) no-repeat; }
  112. .activated .steambutton { background: url(data:image/png;base64,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) no-repeat; }
  114. .uplaybutton { background: url(data:image/png;base64,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) no-repeat; }
  116. .activated .uplaybutton { background: url(data:image/png;base64,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) no-repeat; }
  118. .originbutton { background: url(data:image/png;base64,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) no-repeat; }
  120. .activated .originbutton { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAAAcCAYAAABvc+EPAAAJTUlEQVR42u2ZeVATWR7HUwvZcgVBBWe2aqu2HMuampmdgdWWcDkamlVERUBAiQjkIAEVEeQMiIYjhCsIBIQ4hEMEdAQVUfEaxZFFUZERRYOwqKBcARGRaxB6+4f2biY6guwG+CNd9a338n7f936vfp/q191A+tr2D+pf26k5fuugtkfPUT1Ej6bOVWnGKhhX4HeOanZ/c1BTJ+HgNuPQ/CmcWZtW+s1egwZrmJvv0UBVmnlCQzTMzbizLUy9/ujkl2K/nfTtJrVQQ/dZmywjNVfYp2kbbM6Yi6g0s2Ur0jKxDvsLh6RPUw+hBsxe45CubeAomYtMpZzj9Ngu0UgwTfy5MfxWaUICgMtWh89yIOk7qXNX79Uw35I1F5kySXQMXAUGMXQedfDg2dComueXg32KlhpDTKWJyVIwy5b0dxzeGp4mujVnLjIlytKluPKNc3FwmDvfoq+m/sZQ2tmAUBfRYiuIqzQxrY3G4S3Zqs5dG6GJuhyei0yF6HzjQwAOxAxDx1pGmNkbDn/Vc6/96467Jn7jBD6VPq51MQDPmcxdF6mJ0vPnIUpXLLIHYH1MHL7FUPgh+gHwq/T7Wh/7p7fw1kdposwj8xBlipG+eD09bGUnAJqIUk8EF00+11dW9BgjIV1gIqbHUXjwe9w5Ij0aCPr/Ty89yjSfHrGiihAjcQmH2Nf/Uk+rOBwe4kLmWkdrouxj8xCl6cgCCoNvUgRQJip3/hrszM2M1E/NxeAvL/nQep4Jlj+55Syk/t48KOyO2HUPzkmTaQqxSXsJQf6+X19WQSsuiu5kRZj3HzzBvy3tuMabbE2thQDPlcy1iZ2Duh+fjyhLbulf2eEbf6NY0PAfPLDjlzOxzFNxGCfS4r2CZ5fED5+oEWxxL9Q1mEgehsA0H+bF5vi1tsqaMbigzSiKH1sv40RMo/BnK+qH5jLjKbzLt0ueQJEVYpP2EoLccEEbLGJiXBG9p7S8cKjllVQ82ZraJMzG4dHJ3I1xc9BtJ+cjyhIzlhKjCEZSHIN1v+rEBoZ77zd335dcuHWkYkeM1ai8xzveDqttun7G//gSs/FysCVfWcGcfemcdihU76Cs7EJ9Mg1i0Iaksnoh/qCpshi8zBgTsXveQiozzkjIEi3lMIUUXuaZqJN1snIesSaMgc8tTY8GffDBuLwX+kQMvCDCRwjGYE/Q1jb8gkmf3O2sbaxqBniTraltIg7PgEHm2gvnoJ4l8xFlicE3/c1R5pPggLXInmIv+p8V59zxWAOewPOLKWGZjFJFyI+aarrFZdu2jJcDIIAfitOP3xGKcVYChQfxqtoKLOpHp2Do+yXSOqFNLdpbsUtoXReQTHvyqLOcxxHr0ejhK1sgxo5cPQgtMxztSzwaUHajuYDDiFxRRXihT3jwo7SZ2HfBNUGEfP5WHBTR1rSV+sI6oMnW1C7pHTyHxDmo19n5iLLEiFx+VR4IX+KJ9fS96DhdF2kn73NLWurzHrynNdjRyoid4+VgxpqIwd/d04Xday/1VYyzU5dyIH6h4iR2siI9G/pRGT5Y4/OHT+Cu2HOA2RKdubsXwDP435cBrJ8qT/VADI448EPb2isVAzDCC32IVd67OgheuKPg97Wqi9ilxmSasmpqL8LhUZhk7uZkLdTnvA6iLDGjTE/LA/Hdvxmrf3b3YeqtDVR5HyvW6IAivMctddjpu4m7xsvBegdvYLAfK3zgb6UYd0/7L7wr1YUlxF049Kav7vJjEW0MSBYOZPjti0Xasci2kdE3vU091cKdhV9QibltAE/OC32//VuGAFx9VzkPchFemKusmjqk4PAMWWQuLUUL9bukgyhLbvGGSYpQskri+vJuBjAgvvvsn4080vTZ+KeETN7jI7THZN2tWOlDIWu8HKw4EzFxbKZVbaC+twfh22O1sfnRGDyi3/CinAdxRXhQ/JeDLSX/WZ9v1jAG7/X78KA/PDLUQnhhPuFVVk03H8DhGeHwnNK00IArOoiytCPrm02MMLMRRYBBKVvbvZJXSVjRJkdxcD2K8ZzTCdjgcF/Hcan/hvFybM/So8GcpLx9WK2s1Fc+5lP8BZWBP8PYkRaDcGdmX9obT8C73VrAAY8iPFgHik/Mh7HiK7mdivDk+0Q+eXjKqqljGsBjk7nO6doo96ouoiwFXvqcsltkfe5TvvPcIlZhDc21WPdAU6HgxndGE8njnbjh9ljh80Nfembr02AMWmbU92UwDs8wOApD8i28CXhVbQUc8DH5byEM4BAIfxn+OeCebMijh1F7CSDtfVKxvFe+T+xD3qusmtLEGrYkYxye60FtNKRcF1GqSvQsfPbb90wUXv65VGwUGx260SKhTzSH/+lF1ITDXNmH1jt6QTz2YvKst1q444elHALenfYCDsyVh7AzR58GzzxirneCXVtQMn10PHjEPuThKaueTgdxeCbuZC49QxsNva6LKFvx5zc6CbK8+sYDF5ziir3uf4V1DTTmfWqOzFpr6tP2hzfgZQQKCM9AOCrh6uiXiglfdUcBB8agJcYAAMgrV5+WfTUgqPVl/Tl4e4WLuHNhDXmvYp+QfD5laGvGO3jMTG2UV6mLTIWO3fe2P3Y5vTEhLxDbGWsD/1EA/ebDvK2rGRseGWjMlTqYTTbPmccBVo97ynlQQOmLUt/sh9bUic5lx5nmw6dC0sltwr1HLbw5gn80wt7grzXPX1cLwTPdcpbg8ExxeKwsbTT81gJkqpR2f7mptP3npJrG8urax7df/XgxfRSKsyt+I/avZw+wkdFfZReb99mCdzoUfGERNUjk3C1/GhScS38Bd1NFawoNPNMtl0wc3nIPMpedo41G3lmATLWy69auuN6eusVXZFvpn+TY8bS1HsB13uqQuEJ8OpX7yIba0yerh+cicex2Dz7Jh9hMkGsWwNtGDmYf0jaP+mUBMh0KLP7S0j3RaP9T2b0rQyO9NdfbU2gwPlN0uMGGWtN1hAPtDNkTwFuGw7MjmXqQA5kSLQtBzQJkOhR06kvL0GwbYUPXP1OLmzzG9qHSx7X3uo7R9tyFLiRDN/WNdrGznUKv6RgL7n62LObeZ4hKM1PAJ/ymruG2Y1qWh6/xuCQDurp6QLqVJyP1r2wXiYYDM1fTVqWZKcYhDTvPvEXO2WXcoOE3QzwSXBiGqeGyxBWIi6fSjFcg8Po3K3FbPKIhBXoAAAAASUVORK5CYII=) no-repeat; }
  122. .ouyabutton { background: url(data:image/png;base64,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) no-repeat; }
  124. .activated .ouyabutton { background: url(data:image/png;base64,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) no-repeat; }
  126. .desurabutton { background: url(data:image/png;base64,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) no-repeat; }
  128. .activated .desurabutton { background: url(data:image/png;base64,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) no-repeat; }
  130. .onlivebutton { background: url(data:image/png;base64,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) no-repeat; }
  132. .activated .onlivebutton { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAAAcCAYAAABvc+EPAAAI20lEQVR42u2YeVBT1x7H74wOwvgWFHHeP9X3nHHm+Xy1HS+pPqyaIOKK9Km8mjc2JgSClC0WjIBYQ9iC7Pu+yKpAQUSgriAuYC2gFRdEEYuyiFWRXaT35QueDmXSeWkuf+BMMvPJOff8fr9zTu4nubkJtWTHjJlLrWds+3DXTNky/kwvFZ46pi1e8ARf8EYt4+tZmYj17Nd8ZWBp5jnbfJ33bDMd0xP4gSf4gjdqraPRPgv5bPOd8X/m/CfJ0OTzFENax/QEfuAJvuCNWuWqZ6sa+GRXqiGt4/0AvuCNWuOut+e/6Ya0jvcLeKPW7tcT7D5qSE8Z6UacPUHLZULfVWVCxZo7Qjl3SOiz5qFQsfq7PQErwr6IX2iOPB3sgDeKK9MTCLIN6algT9TfrYU+a1tVwpjfQuTDHRAGrohEvg7tgTeKd2CWQJg7h2ZN+DKxNHJbWdrJI6+b2xqZyu9LmbgCH8Y+YJN6kUpOIOp0aAe8UWYeswQ2x+bQbBClLuAllHsENHfUF56ryz93oTlV1Nxd698z+Oz04FBf/7lrRYxryPZfyRP7rhu2yfyLKeqnElH8Ykuh8pNQYeDKRNEREzmOf2+9KHyZRJT2AVdtPOoffMB2n0J/01yh7+o6gD7WJHvWpB7eqHVeswR2BXNoNkRU7+CFf+MSZqPgdZXdiJVOjPme5a5u+akuaGCo96eT1VmMra/5LwKd4j91tE1fwCO5bBH5rypV9ynHuG3GB1xN5pBGbc1FjVuyhVRd3CFo4x3Adq/P+h6NrdP/5lWdR8zuLveonVft/NYPK7OcqjSphzfK/KC+wL5oLq01BcYcmxCTg6qNjHpE7x6JvLKTpy7v8NkVpk977sQ+7W4dkSdKGGw8MMf+qFf2FjvE2SIKMB07GZF5B5nHHc0MHmhxjHH7YLNCTeaJyvf8HvnxpzxC1MXLrua0AvTZgnXQypPsep2DrQa840SjWF+TWnij1queHE7MpbXFPoa2F8p5o9hI0NF9/f8v/8Rtxfaeged3o48dYmKLvU7JM75IdPjGmMNmD3Ypiy2xfmC6K9M71F11pjmKj3G0OD4UL2YQRx4QKVcm2mcv4NocWRGKPloyF5GXUOYRom6t+BLvE0Ac9ZEEtZiPxDAnxhDDMVkLqN7gcsQxTiiuTGfQlqveDDW3zryob6puK7+WWarJa4Y3ysJbX+BUOpfWlr3KjU/I5SksV9apSY1v5QrTnsHOyurb+bHBuS5VjmnLdrLZg3u8VTLWr6oveagufro2vwNxj5TtEb55fC/0bRTcTgfl5h5cqsaOVScYub/IK/cIUTfXvvAdrSCz0scXeS4Rm0+SmEusuRJjkUXSOEn8Ur5IwevHMVlD7Md7YJ+22JLkd7y+l4j2/vPL8h86K9xq2/IkQJPXDG/Uhq/1BS7lc2ltESvMfybywvNkjzStk51ZyCm8fcBSGrb9eWD+Hh82ewg79tVVrF9xI9lfXTz/YngG4kHZTlWJKinoh2TvHxwZHWrvHXjZ5xb+OSOL5rcjN6pgXB7y1M2FSxw41xLFR53TEcs+EjsQs+sexm51Vbg5h24Zm6f7ZQcz+vPb3ksNFQyRjVy2wBu18bC+YN9pI1pbHAK3MESe8qhz6++ptQ3jKFCXeuZQOJs9RL874WlXHXepiydWjAtDHulfbay4gVjs9W3cuEKfAYxNnAt56uYi8tAvvZTVg9y9SUv5zgULuOhnlIb0IYY+Ltd+x/lektiPJHgDQaxn7O4uxNkCb9QmH32B+zkjWlvkSZK3RJ4ixb5T0zpJ1HJ3kY/ZWG3ZzUg3NnsgJ9wteb23urhfpvg44hXXM0uT3slDS+LJJX5NGCNzTYxPhshDv/Z+STJyPRKsC6Xx45fMW48vlSCGvjR0xxunkK1NBN+UL4cTi327EGcLvFGbFfoCWaURrS3FVakdRJ7qlrdXkxrb4JWxpMY7zobJuW1rwWYP1Y1FhZjLNdTqweSYtHgBF99tuEKcv5cgTfp2XB5akkOEkf7E+GSIPPSL7++3xE0SLv24ZOKThjHEMAdkDYy8qiMUXkhsy78QXYs4W+CN2uJrIPC8OI/WlltPzsdI/DaMiZD4bxj1OD+f81u5zplLtov8Vjcgl1B2JecZYmyobovmk58ENv6fqm6A/snHOFqJ0uwyxsuv5A0l37TiJr+Th5bURxeOC5vY988SH3dI+FgyEbeShVwij9TiThH5ADdGZJzsRxLBkaPONvhfiTiOLHT/FnG2wBtl6WcgOHh5Hq0tGY3WPNWP7xHyAlzTlwsn57gVLzIXB5keF/nwxvII/mnOTMvLGiVy2NL5quUyOWGTwS35k96GUOSlnB6Xh5bUEmET++rwyrKQEnmktqHtlJJ876NPxh+036hNLg78VT0+pWQfbIE3aluAgeBQzTyaDR39jdH43YYN7o/dcR5jsvKFax2TPt4rVq46iT+jEZsI/i5rf/Gw0e+7v3GQz5a021bcvjfPq3B3hzs7CKu7e4npH+xlng3cSyR5Dc/yJPgBj5aMIY6xCX21D9QMqi5/YOK6uJtEHH0yXtois+wZbi/FfrAP/GFA6qYCeKOsAg0E8mvzaLb0DndVFlemMTaKdaMu6R8KDudb2Dke2fx4sjTyPdfe3fKyoNnWArVTSdkjmeWjnstySLj3osIt464Vl92c7PeDfVxpj+ZP5bzwRlkpDQSK68Y0W4LqF3G6B5uSWjuaRjwTrCsUmbuPPu992vSovYmB1KSiACY0W8ZcrC9jht72NZ/58fBnqNOhHfBGfaZ68qs3pqeKmq4Y/ouhluyn/XVBEZVW1kUNPs6Q+vpNe9nA2xdXfuytUQTfXMRBrg7tgTfIE6oOTAJuGNNTTeljx00AfR1TB3zBGyWM+OuXX9cYrQz8wZjW8X4AX/BGJZTJvOxy/rhVXjtvZeDN+SZBt+bTOqYn8ANPktw/bYkrdTtIDQ73rU896+ntmrNEKMyYvdMm6w//1jE9gR94gi+VNwuKYZgZKjaocFch1zHtcYcvePsf16LbeI4lUwkAAAAASUVORK5CYII=) no-repeat; }
  134. .multiplayerbutton { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG0AAAAbCAMAAABBXfG4AAABp1BMVEW3t7ezs7P7+/v////S0tL///+vr6/////R0dHExMS3t7f7+/vR0dHV1dXa2trd3d3Y2Njh4eHf39++vr6lpaXc3NzAwMDZ2dmjo6Pg4ODX19d3d3eurq68vLzS0tKNjY2ysrK7u7u0tLTHx8d+fn6UlJSYmJiPj4+cnJyzs7OxsbGVlZWLi4uCgoKsrKyqqqqvr6+9vb2ZmZmpqamEhISAgID///+6urrMzMxycnKSkpKOjo6KioptbW16enrNzc2WlpaBgYFmZmbm5uampqbs7Ozt7e3k5OTo6OhoaGjp6enGxsafn5/FxcXu7u6amprIyMjOzs7l5eXq6up2dnbi4uLKysqnp6fJycnExMS4uLjW1tZubm7n5+fBwcG2trbr6+vb29vLy8vU1NSGhoZ0dHR5eXmkpKSenp6Xl5d8fHzCwsJra2ugoKCwsLChoaG/v799fX2bm5vQ0NDDw8OTk5OFhYWQkJDv7++IiIi3t7dpaWnj4+Otra1/f3+Hh4fT09NwcHDe3t6ioqLw8PCdnZ2Dg4O5ubnPz8+oqKi1tbVxcXGRkZFWKAWDAAAADHRSTlPkhIoG9ecGjfX1io1PdksVAAADeklEQVR42r3Q6XcSVxzG8WutWq3cYdi3hOy7u1bt3mcgLEMSEhnIMCM4gJJNExPEJhmBTmtK0v7RnXvOMKa2PfFFyuecu33nxxvI5Quk+Hs/FMmFy+RaSUv0h1a6Rq5Ki7/1x6J0lazGf+6X+CqpzC/2y3yF5OPzp1QzG0gdrVXn/w/xPMk+eWZLvn/+Otf+cy+FJeHZ+XuSJWIy3SM0n2czrxY3d1SkjoT0uUuKZOFpsmfpxa/p+Xhn+w+kgKXkuXu6QOQVwdJdj8fN42Vu65cXQGpZsMViZUFQYjGxF8SYwo7lWvl0OcuKTBp6wpIx2P6ufvz2TQs43E3YADWROAEKvVDAQgK1xPL+welyFr1BNiXdMs6bW/DrGzsLMRz9OPVAtyGMjr4exrEuV3S2jiFW0Kpw+ZD5kj2yzoreuekZMD+br46s6SOeEV3X5M6IrFukTeIL8pbHDnN7C9PjcIpmb/A2tMMjfG4CBR5Nnq0C5CbQbMDDQwVQZ2WQ3cb5b+Dno6oUBczBBlRzxhL0Ebfhshzedrmch2Du3+KllsuG9uRsCBHEzJuLrRgaaeynG2Zhf3IYrEy38/EWXAcYcmEii3vxeyg10EqsuCyGmwx4Ocv3Lcpx+wAT4LwPOBtqkVxRleExbxxbHpTYUWKlbRjHGDWLFGluABxVZ4twBzB2fwyBEgoG1+MdIMNUs2xjTtOMvc4WtsKaNrym2VDbxPhkCXXzprFVR4kdvTKFrlm2sTbahuZdV6dywZuIiKPZQTZho8PkoZ9allMtSjXOu46t2S6de0RtqBmAx4c6zal3CqjROnwUYzIrQKSs5rxmiYJ2VVA6AGToIKK+N3CzCZv/ISmGnBbt/UsnswuUd27tak4bas42Sm4EnBHgtfkKwO2cxBEryKlQRVYGgO9qyDu5nLnR2wAyXjZhCxVJ2aH0eMfvsMN3OON99a1X+UCQFEmgVDAUThF182UIVOEFiRXUOJGjrGiKuCIJTkUZy/kVhTNExaWwCZujTE6qDluwcHfU4fAnhqMF3vHvQv6PApqKX/nbN+AdOxR/6KPR6gmZHux8oOUn5jY2frr7SOt8qtjQP8rJf/x6cJoM7V0/papxwaBLq17/ZNR5VrHtDZGZ7l6/dGfIQaXbL5UD8nlx9Yf+WC1+QT6ruov94a5+SS5eufRVf1y6cvEvP/CBO/k6Js0AAAAASUVORK5CYII=) no-repeat; }
  136. .activated .multiplayerbutton { background: url(data:image/png;base64,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) no-repeat; }
  138. .soldout { visibility: hidden; }
  140. .bbm-modal .whitebox .loading { padding: 50px; width: 300px; }
  141. .bbm-modal .whitebox .downloads { padding-right: 30px; }
  142. .bbm-modal .whitebox .platform-chooser { padding-top: 30px; }
  143. .bbm-modal .whitebox .row { padding-left: 15px; }
  144. .bbm-modal .whitebox .keyfield { width: 350px; height: 28px; color: #808080; text-align: center; line-height: 28px; font-size: 12px; -webkit-font-smoothing: antialiased; float: left; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV4AAAAcCAMAAAAeEif7AAAAZlBMVEX///9+fn7////29vb29vb///////+Dg4OIiIi8vLy8vLzBwcGampqurq7Ozs7AwMCmpqaoqKi+vr7CwsLHx8fIyMjJycnW1tbZ2dnf39/g4ODq6urs7Oz5+fn7+/v8/Pz+/v7///82g1fGAAAAEHRSTlMDBkdISXSAhIi+wMbk8PP1cdoMcQAAAIhJREFUaN7t0kEKwyAABdH6JUowgfT+d2ywG8Fo0lP8TZk5wmMU8na8ydCx5aBc9kKW9pK1rGkhS2ldlKLCiwwFxSRFIFxFsa53YAycwQsvvAQvvPASvPDCS/DCCy/BCy/BC++f8N4PCK6eW9eEwdW81MfgX8+7Y17q39rIUq1ds7XzQ4bO1sYPBEXUdZpiT8sAAAAASUVORK5CYII=) no-repeat; }
  145. .bbm-modal .whitebox .clear { clear: both; height: 0; }
  147. .bbm-modal { background: #fff; color: #333; font-size: 14px; font-weight: normal; box-shadow: 0 0 6px rgba(0, 0, 0, 0.6), 0 1px 2px rgba(0, 0, 0, 0.9); }
  149. /* Modal positioning */
  150. .bbm-wrapper { background: rgba(0, 0, 0, 0.4); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; padding: 0 10px 0 10px; text-align: left; overflow: auto; }
  152. .bbm-modal { border-radius: 3px; min-width: 761px; margin: auto; margin-bottom: 40px; width: auto; max-width: 550px; }
  154. .bbm-views { width: 100%; }
  156. .generic-bbm-views { width: 100%; }
  158. /* BLOCKS */
  159. .bbm-modal__topbar, .bbm-modal__bottombar { padding: 0 30px; }
  161. .bbm-modal__topbar { border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-radius: 3px 3px 0 0; padding: 10px 30px; background: #bbb; font-weight: bold; font-size: 16px; margin-bottom: 30px; }
  162. .bbm-modal__topbar i { margin-right: 10px; }
  163. .bbm-modal__topbar > ul { list-style: none; text-align: center; padding: 0; margin: 0; }
  165. .bbm-modal__tab { display: inline-block; padding: 15px 10px; }
  166. .bbm-modal__tab a { font-size: 16px; font-weight: bold; color: #999999; }
  167. .bbm-modal__tab a:hover, .bbm-modal__tab a.active { color: #222222; }
  169. .bbm-modal__title { padding: 20px 30px; margin: 0; line-height: 1em; color: #312d3a; }
  171. .bbm-modal__section { padding: 60px 30px 0px 30px; font-size: 14px; font-weight: normal; line-height: 26px; color: #333; }
  172. .bbm-modal__section p:last-child { padding: 0; margin-bottom: 0; }
  173. .bbm-modal__section a { color: #333; }
  174. .bbm-modal__section h3 { margin: 0; font-size: 20px; line-height: 1em; }
  176. .bbm-modal__bottombar { border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 18px; text-align: right; margin-top: 30px; }
  178. /* MODULES */
  179. .bbm-group { content: ""; display: table; clear: both; }
  181. .bbm-button { display: inline-block; color: rgba(49, 45, 58, 0.8); text-decoration: none; font-size: 14px; font-weight: 500; position: relative; line-height: 1em; padding: 10px 14px; border-radius: 3px; background: #fcfcfc; background-image: -o-linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.15) 100%); background-image: -moz-linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.15) 100%); background-image: -webkit-linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.15) 100%); background-image: -ms-linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.15) 100%); background-image: linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.15) 100%); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.2); }
  182. .bbm-button.inactive { opacity: 0.5; pointer-events: none; }
  183. .bbm-button:active { background-image: -o-linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.25) 100%); background-image: -moz-linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.25) 100%); background-image: -webkit-linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.25) 100%); background-image: -ms-linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.25) 100%); background-image: linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.25) 100%); -moz-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.2); }
  185. /* ANIMATIONS */
  186. /* Open modal */
  187. @-webkit-keyframes bbm-open { 0% { -webkit-transform: matrix(0.99126, 0, 0, 0.99126, 0, 43.8813); opacity: 0.1259; }
  188. 4% { -webkit-transform: matrix(0.99295, 0, 0, 0.99295, 0, 45.06809); opacity: 0.29544; }
  189. 8% { -webkit-transform: matrix(0.99467, 0, 0, 0.99467, 0, 46.26922); opacity: 0.46703; }
  190. 12% { -webkit-transform: matrix(0.99619, 0, 0, 0.99619, 0, 47.33355); opacity: 0.61908; }
  191. 16% { -webkit-transform: matrix(0.99743, 0, 0, 0.99743, 0, 48.19991); opacity: 0.74284; }
  192. 20% { -webkit-transform: matrix(0.99837, 0, 0, 0.99837, 0, 48.86067); opacity: 0.83724; }
  193. 24% { -webkit-transform: matrix(0.99905, 0, 0, 0.99905, 0, 49.33658); opacity: 0.90523; }
  194. 28% { -webkit-transform: matrix(0.99952, 0, 0, 0.99952, 0, 49.66049); opacity: 0.9515; }
  195. 32% { -webkit-transform: matrix(0.99981, 0, 0, 0.99981, 0, 49.8675); opacity: 0.98107; }
  196. 36% { -webkit-transform: matrix(0.99999, 0, 0, 0.99999, 0, 49.98966); opacity: 0.99852; }
  197. 40% { -webkit-transform: matrix(1.00008, 0, 0, 1.00008, 0, 50.05361); opacity: 1.00766; }
  198. 44% { -webkit-transform: matrix(1.00011, 0, 0, 1.00011, 0, 50.08); opacity: 1.01143; }
  199. 48% { -webkit-transform: matrix(1.00012, 0, 0, 1.00012, 0, 50.08394); opacity: 1.01199; }
  200. 52% { -webkit-transform: matrix(1.00011, 0, 0, 1.00011, 0, 50.07589); opacity: 1.01084; }
  201. 56% { -webkit-transform: matrix(1.00009, 0, 0, 1.00009, 0, 50.06265); opacity: 1.00895; }
  202. 60% { -webkit-transform: matrix(1.00007, 0, 0, 1.00007, 0, 50.04833); opacity: 1.0069; }
  203. 64% { -webkit-transform: matrix(1.00005, 0, 0, 1.00005, 0, 50.03518); opacity: 1.00503; }
  204. 68% { -webkit-transform: matrix(1.00004, 0, 0, 1.00004, 0, 50.02421); opacity: 1.00346; }
  205. 72% { -webkit-transform: matrix(1.00002, 0, 0, 1.00002, 0, 50.01567); opacity: 1.00224; }
  206. 76% { -webkit-transform: matrix(1.00001, 0, 0, 1.00001, 0, 50.00941); opacity: 1.00134; }
  207. 80% { -webkit-transform: matrix(1.00001, 0, 0, 1.00001, 0, 50.00506); opacity: 1.00072; }
  208. 84% { -webkit-transform: matrix(1, 0, 0, 1, 0, 50.00223); opacity: 1.00032; }
  209. 88% { -webkit-transform: matrix(1, 0, 0, 1, 0, 50.0005); opacity: 1.00007; }
  210. 92% { -webkit-transform: matrix(1, 0, 0, 1, 0, 49.99956); opacity: 0.99994; }
  211. 96% { -webkit-transform: matrix(1, 0, 0, 1, 0, 49.99913); opacity: 0.99988; }
  212. 100% { -webkit-transform: matrix(1, 0, 0, 1, 0, 50); opacity: 1; } }
  213. .bbm-modal--open { -webkit-animation-duration: 0.3s; -webkit-animation-name: bbm-open; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: both; -webkit-transform-origin: 50% 50%; -webkit-backface-visibility: hidden; }
  215. /* Open a stacked modal */
  216. @-webkit-keyframes bbm-stacked { 0% { -webkit-transform: matrix(0.99874, 0, 0, 0.99874, 0, 49.1187); opacity: 0.93705; }
  217. 4% { -webkit-transform: matrix(0.99705, 0, 0, 0.99705, 0, 47.93192); opacity: 0.85228; }
  218. 8% { -webkit-transform: matrix(0.99533, 0, 0, 0.99533, 0, 46.73078); opacity: 0.76648; }
  219. 12% { -webkit-transform: matrix(0.99381, 0, 0, 0.99381, 0, 45.66645); opacity: 0.69046; }
  220. 16% { -webkit-transform: matrix(0.99257, 0, 0, 0.99257, 0, 44.80009); opacity: 0.62858; }
  221. 20% { -webkit-transform: matrix(0.99163, 0, 0, 0.99163, 0, 44.13933); opacity: 0.58138; }
  222. 24% { -webkit-transform: matrix(0.99095, 0, 0, 0.99095, 0, 43.66342); opacity: 0.54739; }
  223. 28% { -webkit-transform: matrix(0.99049, 0, 0, 0.99049, 0, 43.33951); opacity: 0.52425; }
  224. 32% { -webkit-transform: matrix(0.99019, 0, 0, 0.99019, 0, 43.1325); opacity: 0.50946; }
  225. 36% { -webkit-transform: matrix(0.99002, 0, 0, 0.99002, 0, 43.01034); opacity: 0.50074; }
  226. 40% { -webkit-transform: matrix(0.98992, 0, 0, 0.98992, 0, 42.94639); opacity: 0.49617; }
  227. 44% { -webkit-transform: matrix(0.98989, 0, 0, 0.98989, 0, 42.92001); opacity: 0.49429; }
  228. 48% { -webkit-transform: matrix(0.98988, 0, 0, 0.98988, 0, 42.91606); opacity: 0.494; }
  229. 52% { -webkit-transform: matrix(0.98989, 0, 0, 0.98989, 0, 42.92411); opacity: 0.49458; }
  230. 56% { -webkit-transform: matrix(0.98991, 0, 0, 0.98991, 0, 42.93736); opacity: 0.49553; }
  231. 60% { -webkit-transform: matrix(0.98993, 0, 0, 0.98993, 0, 42.95167); opacity: 0.49655; }
  232. 64% { -webkit-transform: matrix(0.98995, 0, 0, 0.98995, 0, 42.96482); opacity: 0.49749; }
  233. 68% { -webkit-transform: matrix(0.98997, 0, 0, 0.98997, 0, 42.97579); opacity: 0.49827; }
  234. 72% { -webkit-transform: matrix(0.98998, 0, 0, 0.98998, 0, 42.98433); opacity: 0.49888; }
  235. 76% { -webkit-transform: matrix(0.98999, 0, 0, 0.98999, 0, 42.99059); opacity: 0.49933; }
  236. 80% { -webkit-transform: matrix(0.98999, 0, 0, 0.98999, 0, 42.99494); opacity: 0.49964; }
  237. 84% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 42.99777); opacity: 0.49984; }
  238. 88% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 42.9995); opacity: 0.49996; }
  239. 92% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43.00044); opacity: 0.50003; }
  240. 96% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43.00088); opacity: 0.50006; }
  241. 100% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43); opacity: 0.5; } }
  242. .bbm-modal--stacked { -webkit-animation-duration: 0.43333s; -webkit-animation-name: bbm-stacked; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: both; -webkit-transform-origin: 50% 50%; -webkit-backface-visibility: hidden; }
  244. /* destroy a stacked modal */
  245. @-webkit-keyframes bbm-stacked-reverse { 0% { -webkit-transform: matrix(0.99123, 0, 0, 0.99123, 0, 43.86266); opacity: 0.56162; }
  246. 4% { -webkit-transform: matrix(0.99293, 0, 0, 0.99293, 0, 45.05306); opacity: 0.64665; }
  247. 8% { -webkit-transform: matrix(0.99465, 0, 0, 0.99465, 0, 46.25785); opacity: 0.7327; }
  248. 12% { -webkit-transform: matrix(0.99618, 0, 0, 0.99618, 0, 47.32543); opacity: 0.80896; }
  249. 16% { -webkit-transform: matrix(0.99742, 0, 0, 0.99742, 0, 48.19443); opacity: 0.87103; }
  250. 20% { -webkit-transform: matrix(0.99837, 0, 0, 0.99837, 0, 48.8572); opacity: 0.91837; }
  251. 24% { -webkit-transform: matrix(0.99905, 0, 0, 0.99905, 0, 49.33456); opacity: 0.95247; }
  252. 28% { -webkit-transform: matrix(0.99951, 0, 0, 0.99951, 0, 49.65946); opacity: 0.97568; }
  253. 32% { -webkit-transform: matrix(0.99981, 0, 0, 0.99981, 0, 49.8671); opacity: 0.99051; }
  254. 36% { -webkit-transform: matrix(0.99999, 0, 0, 0.99999, 0, 49.98963); opacity: 0.99926; }
  255. 40% { -webkit-transform: matrix(1.00008, 0, 0, 1.00008, 0, 50.05377); opacity: 1.00384; }
  256. 44% { -webkit-transform: matrix(1.00012, 0, 0, 1.00012, 0, 50.08024); opacity: 1.00573; }
  257. 48% { -webkit-transform: matrix(1.00012, 0, 0, 1.00012, 0, 50.08419); opacity: 1.00601; }
  258. 52% { -webkit-transform: matrix(1.00011, 0, 0, 1.00011, 0, 50.07612); opacity: 1.00544; }
  259. 56% { -webkit-transform: matrix(1.00009, 0, 0, 1.00009, 0, 50.06284); opacity: 1.00449; }
  260. 60% { -webkit-transform: matrix(1.00007, 0, 0, 1.00007, 0, 50.04848); opacity: 1.00346; }
  261. 64% { -webkit-transform: matrix(1.00005, 0, 0, 1.00005, 0, 50.03529); opacity: 1.00252; }
  262. 68% { -webkit-transform: matrix(1.00004, 0, 0, 1.00004, 0, 50.02428); opacity: 1.00173; }
  263. 72% { -webkit-transform: matrix(1.00002, 0, 0, 1.00002, 0, 50.01572); opacity: 1.00112; }
  264. 76% { -webkit-transform: matrix(1.00001, 0, 0, 1.00001, 0, 50.00944); opacity: 1.00067; }
  265. 80% { -webkit-transform: matrix(1.00001, 0, 0, 1.00001, 0, 50.00508); opacity: 1.00036; }
  266. 84% { -webkit-transform: matrix(1, 0, 0, 1, 0, 50.00223); opacity: 1.00016; }
  267. 88% { -webkit-transform: matrix(1, 0, 0, 1, 0, 50.0005); opacity: 1.00004; }
  268. 92% { -webkit-transform: matrix(1, 0, 0, 1, 0, 49.99956); opacity: 0.99997; }
  269. 96% { -webkit-transform: matrix(1, 0, 0, 1, 0, 49.99912); opacity: 0.99994; }
  270. 100% { -webkit-transform: matrix(1, 0, 0, 1, 0, 50); opacity: 1; } }
  271. .bbm-modal--stacked-reverse { -webkit-animation-duration: 0.43333s; -webkit-animation-name: bbm-stacked-reverse; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: both; -webkit-transform-origin: 50% 50%; -webkit-backface-visibility: hidden; }
  273. /* destroy a modal */
  274. @-webkit-keyframes bbm-destroy { 0% { -webkit-transform: matrix(0.99874, 0, 0, 0.99874, 0, 49.1187); opacity: 0.8741; }
  275. 4% { -webkit-transform: matrix(0.99705, 0, 0, 0.99705, 0, 47.93192); opacity: 0.70456; }
  276. 8% { -webkit-transform: matrix(0.99533, 0, 0, 0.99533, 0, 46.73078); opacity: 0.53297; }
  277. 12% { -webkit-transform: matrix(0.99381, 0, 0, 0.99381, 0, 45.66645); opacity: 0.38092; }
  278. 16% { -webkit-transform: matrix(0.99257, 0, 0, 0.99257, 0, 44.80009); opacity: 0.25716; }
  279. 20% { -webkit-transform: matrix(0.99163, 0, 0, 0.99163, 0, 44.13933); opacity: 0.16276; }
  280. 24% { -webkit-transform: matrix(0.99095, 0, 0, 0.99095, 0, 43.66342); opacity: 0.09477; }
  281. 28% { -webkit-transform: matrix(0.99049, 0, 0, 0.99049, 0, 43.33951); opacity: 0.0485; }
  282. 32% { -webkit-transform: matrix(0.99019, 0, 0, 0.99019, 0, 43.1325); opacity: 0.01893; }
  283. 36% { -webkit-transform: matrix(0.99002, 0, 0, 0.99002, 0, 43.01034); opacity: 0.00148; }
  284. 40% { -webkit-transform: matrix(0.98992, 0, 0, 0.98992, 0, 42.94639); opacity: -0.00766; }
  285. 44% { -webkit-transform: matrix(0.98989, 0, 0, 0.98989, 0, 42.92001); opacity: -0.01143; }
  286. 48% { -webkit-transform: matrix(0.98988, 0, 0, 0.98988, 0, 42.91606); opacity: -0.01199; }
  287. 52% { -webkit-transform: matrix(0.98989, 0, 0, 0.98989, 0, 42.92411); opacity: -0.01084; }
  288. 56% { -webkit-transform: matrix(0.98991, 0, 0, 0.98991, 0, 42.93736); opacity: -0.00895; }
  289. 60% { -webkit-transform: matrix(0.98993, 0, 0, 0.98993, 0, 42.95167); opacity: -0.0069; }
  290. 64% { -webkit-transform: matrix(0.98995, 0, 0, 0.98995, 0, 42.96482); opacity: -0.00503; }
  291. 68% { -webkit-transform: matrix(0.98997, 0, 0, 0.98997, 0, 42.97579); opacity: -0.00346; }
  292. 72% { -webkit-transform: matrix(0.98998, 0, 0, 0.98998, 0, 42.98433); opacity: -0.00224; }
  293. 76% { -webkit-transform: matrix(0.98999, 0, 0, 0.98999, 0, 42.99059); opacity: -0.00134; }
  294. 80% { -webkit-transform: matrix(0.98999, 0, 0, 0.98999, 0, 42.99494); opacity: -0.00072; }
  295. 84% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 42.99777); opacity: -0.00032; }
  296. 88% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 42.9995); opacity: -7e -5; }
  297. 92% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43.00044); opacity: 6.0 e-05; }
  298. 96% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43.00088); opacity: 0.00012; }
  299. 100% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43); opacity: 0; } }
  300. .bbm-modal--destroy { -webkit-animation-duration: 0.43333s; -webkit-animation-name: bbm-destroy; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: both; -webkit-transform-origin: 50% 50%; -webkit-backface-visibility: hidden; }
  302. .key-redeemer .container { position: relative; white-space: nowrap; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin: 10px 0; }
  303. .key-redeemer .container .keyfield { -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; cursor: pointer; text-align: center; line-height: 1.6em; border: 1px solid #C9CCD3; background: #F1F3F6; color: #7B818C; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 10px; border-radius: 3px; }
  304. .key-redeemer .container .keyfield:hover { border: 1px solid #b7bac0; background: #fafcff; color: #555961; }
  305. .key-redeemer .container .keyfield.redeemed { font-weight: bold; background: #E9EEE4; color: #7A981C; border-color: #7A981C; }
  306. .key-redeemer .container .keyfield.redeemed:hover { background: #eef3e9; color: #7A981C; border-color: #8fae1d; }
  307. .key-redeemer .container .giftbutton { cursor: pointer; }
  308. .key-redeemer .container .giftbutton i { font-size: 16px; margin: 10px; line-height: 24px; display: inline-block; vertical-align: middle; }
  309. .key-redeemer .container .spinner { display: none; position: absolute; left: 10px; top: 15px; }
  310. .key-redeemer.in-progress .spinner { display: block; }
  312. .key-redeemers .key-redeemer .heading-text { display: flex; }
  313. .key-redeemers .key-redeemer .heading-text h4 { margin-right: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
  314. .key-redeemers .key-redeemer .heading-text a { white-space: nowrap; }
  316. .details-column { border-radius: 0 3px 3px 0; border: 1px solid #BFC3CC; border-left: none; min-height: 100%; position: relative; width: 532px; overflow: visible; }
  317. .details-column .scroll-follower { position: absolute; top: 0; width: 100%; max-height: 100vh; overflow-y: auto; }
  318. .details-column .details-view { position: relative; }
  319. .details-column .details-view .details-heading a { text-decoration: none; }
  320. .details-column .details-view hr { width: 100%; height: 0; border-top: 1px solid #D2D6DD; border-bottom: 1px solid #C9CDD5; margin: 10px 0 14px 0; }
  321. .details-column .details-view h3 i { margin-right: 10px; }
  322. .details-column .details-view .toggle-more-info { cursor: pointer; position: absolute; top: 0px; right: 0px; opacity: 0.5; }
  323. .details-column .details-view .toggle-more-info:hover { opacity: 1; }
  324. .details-column .details-view .more-info { overflow: hidden; }
  325. .details-column .details-view .more-info ul { padding: 0; }
  326. .details-column .details-view .more-info ul li { list-style-type: none; }
  327. .details-column .details-view .select-holder { position: relative; top: 22px; right: 0; }
  328. .details-column .details-view .download-section, .details-column .details-view .audio-section { margin: 30px 0 0 0; }
  329. .details-column .details-view .download-section .download-button, .details-column .details-view .audio-section .download-button { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; width: 470px; border-radius: 3px; background: #D5D9E1; border: 1px solid #BBC0C9; cursor: pointer; padding: 10px 10px; margin-top: 10px; }
  330. .details-column .details-view .download-section .download-button:hover, .details-column .details-view .audio-section .download-button:hover { background: #dfe4ec; }
  331. .details-column .details-view .download-section .download-button h4, .details-column .details-view .audio-section .download-button h4 { font-weight: bold; -webkit-flex-grow: 0; -moz-flex-grow: 0; flex-grow: 0; -ms-flex-positive: 0; }
  332. .details-column .details-view .download-section .download-button .right-align, .details-column .details-view .audio-section .download-button .right-align { -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; text-align: right; }
  333. .details-column .details-view .download-section .download-button .disambiguate, .details-column .details-view .audio-section .download-button .disambiguate { display: none; }
  334. .details-column .details-view .download-section .new-version-string, .details-column .details-view .audio-section .new-version-string { margin: 5px 0; color: #97B147; }
  335. .details-column .details-view .download-section .inline-content-delivery, .details-column .details-view .audio-section .inline-content-delivery { display: none; }
  336. .details-column .details-view .download-section .inline-content-delivery.active, .details-column .details-view .audio-section .inline-content-delivery.active { margin-top: 30px; }
  337. .details-column .details-view .key-redeemers { margin: 0; }
  338. .details-column .details-view .key-redeemers .platform { margin-top: 30px; }
  339. .details-column .details-view .key-redeemers .key-redeemer { width: 100%; }
  340. .details-column .details-view .asm-section { margin: 30px 0 0 0; }
  341. .details-column .details-view .custom-html { margin: 30px 0; }
  342. .details-column .details-view .custom-html .show-whitebox { width: 470px; border-radius: 3px; background: #D5D9E1; border: 1px solid #BBC0C9; cursor: pointer; padding: 10px 10px; margin-top: 10px; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; text-decoration: none; }
  343. .details-column .details-view .custom-html .show-whitebox:hover { background: #dfe4ec; }
  344. .details-column .details-view .custom-html .show-whitebox h4 { font-weight: bold; -webkit-flex-grow: 0; -moz-flex-grow: 0; flex-grow: 0; -ms-flex-positive: 0; }
  345. .details-column .details-view .custom-html .show-whitebox .right-align { -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; text-align: right; }
  346. .details-column .details-view .custom-html .show-whitebox i { margin-right: 10px; }
  348. .header { margin-bottom: 10px; }
  349. .header .container { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; font-size: 14px; }
  350. .header .container h1 { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; margin: 0; }
  351. .header .container .sort, .header .container .switch-download-method, .header .container .switch-platform { margin: 10px 0; }
  352. .header .container .sort input[type=checkbox], .header .container .switch-download-method input[type=checkbox], .header .container .switch-platform input[type=checkbox] { position: relative; top: -1px; }
  353. .header .container .sort label, .header .container .switch-download-method label, .header .container .switch-platform label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 0; cursor: pointer; }
  354. .header .container .sort select, .header .container .switch-download-method select, .header .container .switch-platform select { padding: 5px 30px 5px 10px; border: 1px solid #ccc; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; top: -1px; background: #F1F3F6 url(data:image/gif;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==) no-repeat 90% 50%; }
  355. .header .container .switch-platform { display: inline-block; position: relative; top: -5px; }
  356. .header .container .search { display: inline-block; position: relative; text-align: right; -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; }
  357. .header .container .search input { background: #F1F3F6; border: 1px solid #ccc; border-top: #999; border-left: #999; border-radius: 3px; box-shadow: 1px 1px 2px #bbb inset; padding: 9px; font-size: 16px; width: 342px; color: #555; margin-left: 30px; font-size: 14px; display: inline-block; padding: 3px 30px; width: 170px; vertical-align: bottom; line-height: 20px; outline: none; }
  358. .header .container .search input:focus { background: #FFFFFF; }
  359. .header .container .search i.clear-search { display: inline-block; font-size: 16px; position: absolute; right: 7px; top: 6px; color: #555; font-weight: 100; cursor: pointer; opacity: .5; }
  360. .header .container .search i.clear-search:hover { opacity: 1; }
  361. .header .container .search i.hb-search { display: inline-block; font-size: 16px; position: absolute; right: 206px; top: 4px; }
  362. .header .container .pagination-holder { -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; }
  364. .table-rounder { overflow: hidden; border-radius: 3px; border: 1px solid #C2C7CF; }
  366. table { width: 100%; background: #A1A7B2; }
  367. table thead tr { text-align: left; color: #FFF; }
  368. table thead tr th { padding: 10px 0 10px 25px; font-size: 14px; text-transform: uppercase; }
  369. table td, table th { font-size: 14px; padding: 0px 0 0px 25px; }
  370. table td:last-of-type, table th:last-of-type { padding-right: 25px; }
  371. table tbody { color: #555; }
  372. table tbody tr { border-bottom: 1px solid #D5D9E1; background: #DCE0E7; }
  374. .no-results { padding: 20px; font-size: 16px; display: none; width: 100%; text-align: center; background: #DCE0E7; border: 1px solid #C2C7CF; border-radius: 3px; }
  376. #hide-redeemed { margin-left: 30px; }
  378. .unredeemed-keys-table td.platform, .unredeemed-keys-table th.platform { width: 37px; min-width: 37px; max-width: 37px; }
  379. .unredeemed-keys-table td.platform i, .unredeemed-keys-table th.platform i { font-size: 20px; }
  380. .unredeemed-keys-table td.game-name, .unredeemed-keys-table th.game-name { width: 260px; min-width: 260px; max-width: 260px; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; padding-top: 13px; }
  381. .unredeemed-keys-table td.game-name h4, .unredeemed-keys-table th.game-name h4 { margin: 0; padding: 0; overflow-x: hidden; text-overflow: ellipsis; }
  382. .unredeemed-keys-table td.game-name p, .unredeemed-keys-table th.game-name p { margin-top: 0; overflow-x: hidden; text-overflow: ellipsis; }
  383. .unredeemed-keys-table td.redeemer-cell, .unredeemed-keys-table th.redeemer-cell { width: 50%; min-width: 50%; max-width: 50%; padding-right: 20px; padding-left: 0; }
  384. .unredeemed-keys-table td.redeemer-cell .keyfield, .unredeemed-keys-table th.redeemer-cell .keyfield { width: 388px; min-width: 388px; max-width: 388px; }
  386. .header { margin-bottom: 10px; }
  387. .header .container { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; font-size: 14px; }
  388. .header .container h1 { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; margin: 0; }
  389. .header .container .sort, .header .container .switch-download-method, .header .container .switch-platform { margin: 10px 0; }
  390. .header .container .sort input[type=checkbox], .header .container .switch-download-method input[type=checkbox], .header .container .switch-platform input[type=checkbox] { position: relative; top: -1px; }
  391. .header .container .sort label, .header .container .switch-download-method label, .header .container .switch-platform label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 0; cursor: pointer; }
  392. .header .container .sort select, .header .container .switch-download-method select, .header .container .switch-platform select { padding: 5px 30px 5px 10px; border: 1px solid #ccc; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; top: -1px; background: #F1F3F6 url(data:image/gif;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==) no-repeat 90% 50%; }
  393. .header .container .switch-platform { display: inline-block; position: relative; top: -5px; }
  394. .header .container .search { display: inline-block; position: relative; text-align: right; -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; }
  395. .header .container .search input { background: #F1F3F6; border: 1px solid #ccc; border-top: #999; border-left: #999; border-radius: 3px; box-shadow: 1px 1px 2px #bbb inset; padding: 9px; font-size: 16px; width: 342px; color: #555; margin-left: 30px; font-size: 14px; display: inline-block; padding: 3px 30px; width: 170px; vertical-align: bottom; line-height: 20px; outline: none; }
  396. .header .container .search input:focus { background: #FFFFFF; }
  397. .header .container .search i.clear-search { display: inline-block; font-size: 16px; position: absolute; right: 7px; top: 6px; color: #555; font-weight: 100; cursor: pointer; opacity: .5; }
  398. .header .container .search i.clear-search:hover { opacity: 1; }
  399. .header .container .search i.hb-search { display: inline-block; font-size: 16px; position: absolute; right: 206px; top: 4px; }
  400. .header .container .pagination-holder { -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; }
  402. .table-rounder { overflow: hidden; border-radius: 3px; border: 1px solid #C2C7CF; }
  404. table { width: 100%; background: #A1A7B2; }
  405. table thead tr { text-align: left; color: #FFF; }
  406. table thead tr th { padding: 10px 0 10px 25px; font-size: 14px; text-transform: uppercase; }
  407. table td, table th { font-size: 14px; padding: 0px 0 0px 25px; }
  408. table td:last-of-type, table th:last-of-type { padding-right: 25px; }
  409. table tbody { color: #555; }
  410. table tbody tr { border-bottom: 1px solid #D5D9E1; background: #DCE0E7; }
  412. .no-results { padding: 20px; font-size: 16px; display: none; width: 100%; text-align: center; background: #DCE0E7; border: 1px solid #C2C7CF; border-radius: 3px; }
  414. .results { width: 100%; border-radius: 3px; border: 1px solid #C2C7CF; overflow: hidden; }
  415. .results .heading { background: #A1A7B2; font-weight: bold; text-align: left; color: #FFF; padding: 10px 0 10px 30px; }
  416. .results .heading > div { font-size: 14px; text-transform: uppercase; }
  417. .results .body { background: #DCE0E7; }
  418. .results .body .row { padding: 10px 30px; text-decoration: none; border-bottom: 1px solid #D5D9E1; }
  419. .results .body .row:hover { background: #CACED8; cursor: pointer; }
  420. .results .body .row > div { color: #555; padding-top: 10px; padding-bottom: 10px; font-size: 14px; }
  421. .results .row, .results .heading { display: block; }
  422. .results .row > div, .results .heading > div { vertical-align: top; display: inline-block; }
  423. .results .row > div:last-of-type, .results .heading > div:last-of-type { padding-right: 25px; }
  424. .results .row .product-name, .results .heading .product-name { white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; width: 500px; min-width: 500px; max-width: 500px; }
  425. .results .row .order-placed, .results .heading .order-placed { width: 150px; min-width: 150px; max-width: 150px; }
  427. .no-results { padding: 20px; font-size: 16px; display: none; width: 100%; text-align: center; background: #DCE0E7; border: 1px solid #C2C7CF; border-radius: 3px; }
  429. .unclaimed-orders { position: relative; }
  430. .unclaimed-orders .count { background: red; color: white; font-weight: bold; border-radius: 300px; padding: 3px 7px; font-size: 14px; margin-top: -5px; position: absolute; top: 10px; left: -35px; display: none; }
  431. .unclaimed-orders ul { list-style: none; }
  432. .unclaimed-orders input[type="submit"] { border-radius: 3px; background: #D5D9E1; border: 1px solid #BBC0C9; cursor: pointer; padding: 10px 10px; margin-top: 10px; }
  433. .unclaimed-orders input[type="submit"]:hover { background: #dfe4ec; }
  435. .unclaimed-orders-holder { margin-top: 20px; }
  437. /* Coupons */
  438. .library-coupon { width: 285px; margin-left: 5px; margin-right: 5px; margin-bottom: 20px; display: inline-block; border: 1px solid #E9E9E9; text-decoration: none; }
  440. .library-coupon-image { width: 100%; }
  442. .library-coupon-description { text-align: center; height: 60px; position: relative; }
  444. .library-coupon-human-name { font-size: 16px; font-weight: bold; }
  446. .library-coupon-expiration { color: red; font-size: 12px; position: absolute; width: 100%; bottom: 10px; }
  448. .header { margin-bottom: 10px; }
  449. .header .container { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; font-size: 14px; }
  450. .header .container h1 { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; margin: 0; }
  451. .header .container .sort, .header .container .switch-download-method, .header .container .switch-platform { margin: 10px 0; }
  452. .header .container .sort input[type=checkbox], .header .container .switch-download-method input[type=checkbox], .header .container .switch-platform input[type=checkbox] { position: relative; top: -1px; }
  453. .header .container .sort label, .header .container .switch-download-method label, .header .container .switch-platform label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 0; cursor: pointer; }
  454. .header .container .sort select, .header .container .switch-download-method select, .header .container .switch-platform select { padding: 5px 30px 5px 10px; border: 1px solid #ccc; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; top: -1px; background: #F1F3F6 url(data:image/gif;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==) no-repeat 90% 50%; }
  455. .header .container .switch-platform { display: inline-block; position: relative; top: -5px; }
  456. .header .container .search { display: inline-block; position: relative; text-align: right; -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; }
  457. .header .container .search input { background: #F1F3F6; border: 1px solid #ccc; border-top: #999; border-left: #999; border-radius: 3px; box-shadow: 1px 1px 2px #bbb inset; padding: 9px; font-size: 16px; width: 342px; color: #555; margin-left: 30px; font-size: 14px; display: inline-block; padding: 3px 30px; width: 170px; vertical-align: bottom; line-height: 20px; outline: none; }
  458. .header .container .search input:focus { background: #FFFFFF; }
  459. .header .container .search i.clear-search { display: inline-block; font-size: 16px; position: absolute; right: 7px; top: 6px; color: #555; font-weight: 100; cursor: pointer; opacity: .5; }
  460. .header .container .search i.clear-search:hover { opacity: 1; }
  461. .header .container .search i.hb-search { display: inline-block; font-size: 16px; position: absolute; right: 206px; top: 4px; }
  462. .header .container .pagination-holder { -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; }
  464. .pagination { margin: 10px 0; white-space: nowrap; text-align: right; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
  465. .pagination .jump-to-page { cursor: pointer; display: inline-block; background: #DCE0E7; border: 1px solid #bfc3c9; padding: 5px 10px; border-radius: 3px; }
  466. .pagination .jump-to-page:hover, .pagination .jump-to-page.current { background: #F1F3F6; }
  468. .custom-select { cursor: pointer; display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
  469. .custom-select.expanded .choices-holder .choices { height: auto; }
  470. .custom-select .selected, .custom-select .choice { padding: 5px; }
  471. .custom-select .selected { z-index: 100; position: relative; }
  472. .custom-select .choices-holder { position: relative; height: 0; overflow: visible; z-index: 0; }
  473. .custom-select .choices-holder .choices { list-style: none; position: absolute; height: 0; margin: 0; padding: 0; overflow: hidden; }
  474. .custom-select .choices-holder .choices .choice:hover { background: #333; color: #eee; }
  476. .download-list .custom-select { position: absolute; right: 0; border: 1px; }
  477. .download-list .custom-select.disabled .selected { cursor: default; background: #D7DBE2; border: 1px solid #c5ccd9; color: #92959B; }
  478. .download-list .custom-select.disabled .selected:hover { background: #D7DBE2; }
  479. .download-list .custom-select .selected, .download-list .custom-select .choice { padding: 7px; }
  480. .download-list .custom-select .selected { background: #D5D9E1; border-radius: 3px; border: 1px solid #BBC0C9; }
  481. .download-list .custom-select .selected:hover { background: #e4e6ec; }
  482. .download-list .custom-select.expanded .selected { border-radius: 3px 3px 0 0; border-bottom: none; }
  483. .download-list .custom-select.expanded .selected:hover { background: #D5D9E1; }
  484. .download-list .custom-select.expanded .choices-holder .choices { border: 1px solid #BBC0C9; }
  485. .download-list .custom-select.expanded .choices-holder .choices .choice:hover { background: #333; color: #eee; }
  486. .download-list .custom-select .choices-holder .choices { background: #D5D9E1; top: -1px; right: 0; border-radius: 3px; border: none; width: 110px; }
  488. .bottom-tab-shortcuts { margin: 20px; text-align: center; }
  490. .library-holder { display: none; }
  492. html body { color: #555; background: #E4E7ED; overflow-y: scroll; }
  493. html body hr { margin: 10px 0; height: 2px; border: none; background: #DCE0E7; }
  494. html body .tabbar { background: #D5D9E1; color: #828792; }
  495. html body .tabbar-tab { width: 282px; }
  496. html body .tabbar-tab i { margin-right: 8px; }
  497. html body .tabbar-tab-is-active { background: #E4E7ED; color: #3B3E48; }
  498. html body .base-main-wrapper { font-size: 14px; padding: 0; background: none; border: none; width: 930px; }
  499. html body .base-main-wrapper h1 { margin: 0 0 6px 0; }
  500. html body .base-main-wrapper h3 { font-size: 18px; }
  502. .text-holder { vertical-align: top; text-decoration: none; cursor: pointer; display: inline-block; margin: 15px 5px 5px 20px; color: #555; }
  503. .text-holder h2 { margin-bottom: 5px; height: 22px; font-size: 18px; overflow: hidden; max-width: 370px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; }
  504. .text-holder p { color: #7A818B; margin: 0; }
  506. .download-list { position: relative; background: #DCE0E7; border-radius: 3px; min-height: 1000px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
  507. .download-list .column { -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; }
  508. .download-list h1, .download-list h2, .download-list h3, .download-list h4 { margin: 0; padding: 0; }
  509. .download-list .scrollbar-hider { border-radius: 3px 0 0 3px; border: 1px solid #BFC3CC; border-right: none; overflow: hidden; background: #BFC3CC; }
  510. .download-list .scrollbar-hider .no-results { width: 100%; display: none; text-align: center; padding: 30px 0; font-size: 14px; }
  511. .download-list .details-column { position: relative; }
  512. .download-list .details-column .details-holder { padding: 20px; }
  513. .download-list .subproducts-holder { width: 398px; overflow-x: hidden; overflow-y: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
  514. .download-list .subproducts-holder .subproduct-selector { width: 376px; cursor: pointer; background: #D5D9E1; border-right: 1px solid #BFC3CC; border-top: 1px solid #DDE0E7; border-bottom: 1px solid #BFC3CC; padding: 10px; }
  515. .download-list .subproducts-holder .subproduct-selector:first-of-type { border-radius: 3px 0 0 0; }
  516. .download-list .subproducts-holder .subproduct-selector .selector-content { position: relative; white-space: nowrap; width: 368px; }
  517. .download-list .subproducts-holder .subproduct-selector .selector-content .text-holder { max-width: 291px; margin-left: 0; overflow-x: hidden; }
  518. .download-list .subproducts-holder .subproduct-selector .selector-content .pointer { position: absolute; right: -28px; top: 32px; display: none; background: #DCE0E7; }
  519. .download-list .subproducts-holder .subproduct-selector .selector-content .pointer:after, .download-list .subproducts-holder .subproduct-selector .selector-content .pointer:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
  520. .download-list .subproducts-holder .subproduct-selector .selector-content .pointer:after { border-color: rgba(219, 224, 231, 0); border-right-color: #DCE0E7; border-width: 20px; margin-top: -20px; }
  521. .download-list .subproducts-holder .subproduct-selector .selector-content .pointer:before { border-color: rgba(170, 176, 185, 0); border-right-color: #BFC3CC; border-width: 21px; margin-top: -21px; }
  522. .download-list .subproducts-holder .subproduct-selector:hover { background: #CACED8; }
  523. .download-list .subproducts-holder .subproduct-selector.selected { background: #CACED8; }
  524. .download-list .subproducts-holder .subproduct-selector.selected .selector-content .pointer { display: block; }
  526. div.icon { width: 68px; height: 68px; margin-right: 10px; display: inline-block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAC7lBMVEVMaXGTk5OSkpJmZmaTk5OSkpJVVVUAAACAgICAgICAgICLi4uSkpKTk5OSkpKTk5OAgICSkpKOjo6Tk5OSkpKTk5OSkpKSkpKSkpKSkpKSkpKSkpKRkZGJiYmSkpKSkpKSkpKAgICSkpKTk5OLi4uSkpKTk5OSkpKQkJCTk5OTk5OIiIiRkZGOjo6QkJCTk5OTk5ONjY2Tk5OQkJCPj4+GhoaSkpKTk5OSkpKTk5OTk5OSkpKNjY2Tk5OSkpKSkpKTk5OSkpKQkJCRkZGQkJCSkpKSkpKSkpKTk5OTk5ORkZGSkpKRkZGSkpKOjo6SkpKPj4+Tk5OTk5OTk5OSkpKSkpKTk5OTk5OSkpKSkpKPj4+SkpKTk5OHh4eTk5OSkpKSkpKPj4+Pj4+QkJCSkpKRkZGSkpKSkpKRkZGSkpKSkpKSkpKTk5OTk5OSkpKSkpKSkpKSkpKRkZGSkpKTk5OPj4+SkpKSkpKOjo6Tk5OMjIyAgICTk5OSkpKSkpKTk5OSkpKSkpKTk5OSkpKTk5OSkpKTk5ORkZGQkJCTk5OSkpKSkpKRkZGSkpKRkZGTk5OTk5ORkZGSkpKSkpKTk5OPj4+SkpKSkpKKioqSkpKQkJCSkpKSkpKOjo6RkZGSkpKTk5OSkpKSkpKSkpKSkpKSkpKPj4+SkpKTk5OSkpKSkpKSkpKRkZGJiYmSkpKSkpKRkZGTk5OSkpKSkpKTk5ORkZGRkZGRkZGTk5OSkpKTk5OTk5OTk5ORkZGSkpKTk5ORkZGTk5ORkZGSkpKTk5OOjo6SkpKSkpKTk5OSkpKSkpKSkpKTk5OTk5ORkZGTk5OSkpKRkZGQkJCSkpKSkpKTk5OSkpKQkJCTk5OSkpKTk5ORkZGSkpKSkpKSkpKRkZGSkpKSkpKSkpKTk5OSkpKTk5OSkpKRkZGRkZGSkpKRkZGMjIyPj4+RkZGSkpKSkpKRkZGRkZGTk5ORkZGTk5OSkpKRkZGQkJCRkZGTk5P2KtlvAAAA+XRSTlMA/PsF/v0DAQIEBgsH+uGsDPYJ9/jsHOiv8t70PA02liMK7/MW6jv5F7/pD3kSU/DnJu5MGRNU5Obldrwd3YXJ29AuiU5L7WVc0l1iQ000pEBCIZDYyqDL8VkQtMgRKGnT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) no-repeat no-repeat; background-size: contain; }
  528. .admin-links { display: none; margin-bottom: 70px; }
  529. .admin-links ul { list-style: none; margin: 0; padding: 0; }
  530. .admin-links ul li { padding: 0; margin: 0 0 0 30px; }
  531. .admin-links ul li a { text-decoration: none; }
  533. .top-controls { text-align: right; width: 100%; }
  534. .top-controls .switch-download-method { cursor: pointer; display: inline-block; }
  535. .top-controls .switch-download-method .labels { display: inline-block; text-align: right; vertical-align: top; line-height: 2em; margin-left: 10px; }
  537. html body .generic-popup.outer-shadow, html body .generic-popup.content { box-shadow: none; border-radius: 3px; text-decoration: none; }
  538. html body .generic-popup.outer-shadow h1, html body .generic-popup.content h1 { margin-bottom: 30px; }
  539. html body .generic-popup.outer-shadow input[type=text], html body .generic-popup.content input[type=text] { box-shadow: none; }
  540. html body .generic-popup.outer-shadow .button-link span, html body .generic-popup.content .button-link span { text-shadow: none; border-radius: 3px; background: #D5D9E1; border: 1px solid #BBC0C9; cursor: pointer; padding: 10px 10px; margin-top: 10px; background: none; color: #555; box-shadow: none; }
  541. html body .generic-popup.outer-shadow .button-link span:hover, html body .generic-popup.content .button-link span:hover { background: #dfe4ec; }
  542. html body .generic-popup.outer-shadow .button-link span.green-button, html body .generic-popup.content .button-link span.green-button { background: #e8eed6; color: #788d38; border-color: #788d38; }
  543. html body .generic-popup.outer-shadow .button-link span.green-button:hover, html body .generic-popup.content .button-link span.green-button:hover { background: #d4e0b1; }
  544. html, body {
  545. height: 100%;
  546. -webkit-font-smoothing: antialiased;
  547. -moz-osx-font-smoothing: grayscale;
  548. }
  550. body {
  551. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  552. font-size: 12px;
  553. margin: 0;
  554. padding: 0;
  555. }
  556. #flash {
  557. position:fixed;
  558. right: 30px;
  559. top:10px;
  560. background: black;
  561. opacity: .8;
  562. border-radius: 10px;
  563. color:#eee;
  564. padding:20px;
  565. min-width: 200px;
  566. max-width: 400px;
  567. text-align: center;
  568. z-index: 99999;
  569. box-shadow: 1px 1px 5px #000;
  570. display:none;
  571. }
  572. /* THIS IS AN AUTO-GENERATED FILE */
  573. .disabled.gray-button { background: #e4e4e4; cursor: default; }
  575. .generic-popup { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 16px; }
  577. .generic-popup a { color: #535353; }
  579. .generic-popup.outer-shadow { box-shadow: 0 -1px 25px rgba(0, 0, 0, 0.3); left: 50%; top: 50%; margin-left: -200px; margin-top: -200px; position: absolute; z-index: 9999; border-radius: 7px; display: none; }
  581. .generic-popup.content { border-radius: 7px; color: #999999; padding: 20px; background: #f5f5f5; width: 360px; position: relative; text-align: center; }
  583. .generic-popup .no-center { max-width: 360px; text-align: right; position: relative; }
  585. .generic-popup.content h1 { font-size: 24px; text-shadow: 0 0 1px #eee; color: #666; }
  587. .generic-popup.content h1.noimg { margin-right: 0; line-height: 32px; }
  589. .generic-popup.content h1 img { position: relative; top: 5px; margin-right: 15px; }
  591. .generic-popup.content h1 span { display: inline-block; height: 25px; width: 25px; margin-right: 15px; position: relative; top: 5px; }
  593. .generic-popup.content h2 { font-size: 14px; font-weight: 300; text-shadow: 0 0 1px #eee; margin: 20px 0 0 0; color: #666; }
  595. .generic-popup input[type='text'], .generic-popup input[type='password'] { background: none; border: 1px solid #ccc; border-top: 1px solid #999; border-radius: 3px; box-shadow: 0 1px 2px #bbb inset; padding: 9px; font-size: 16px; color: #333; display: block; width: 342px; margin: 0; }
  597. @-moz-document url-prefix() { .generic-popup input[type='text'], .generic-popup input[type='password'] { padding-top: 7px; } }
  598. .generic-popup form p { text-align: left; position: relative; }
  600. .account-infield { color: #999; font-size: 16px; font-weight: normal; position: absolute; top: 8px; left: 10px; z-index: 1; }
  602. .account-input { position: relative; z-index: 2; }
  604. .generic-popup .suggest-holder { color: #c66; display: block; font-size: 90%; margin-top: -28px; position: absolute; right: 0; width: 284px; }
  606. .generic-popup .suggest-holder a { color: #c66; }
  608. .green-button { background: -webkit-linear-gradient(top, #e0ffc2 0%, #b1e37f 100%); background: linear-gradient(to bottom, #e0ffc2 0%, #b1e37f 100%); border: 1px solid #a7c28c; color: #42661e; font-size: 14px; font-weight: bold; text-shadow: 0 1px rgba(255, 255, 255, 0.6); padding: 5px 8px 5px 8px; border-radius: 4px; margin: 0 0 0 5px; display: inline-block; min-width: 50px; text-align: center; box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), 0 1px 0 0 white; }
  609. .green-button:hover { background: #b1e37f; }
  611. .gray-button { background: -webkit-linear-gradient(top, #f5f5f5 0%, #dedede 100%); background: linear-gradient(to bottom, #f5f5f5 0%, #dedede 100%); border: 1px solid #bbb; color: #444; font-size: 14px; font-weight: bold; text-shadow: 0 1px rgba(255, 255, 255, 0.6); padding: 5px 8px 5px 8px; border-radius: 4px; margin: 0 0 0 5px; display: inline-block; min-width: 50px; text-align: center; box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), 0 1px 0 0 white; }
  613. a:hover .gray-button { background: #e4e4e4; }
  615. .button-link { cursor: pointer; text-decoration: none; }
  617. input[type="text"].classy-input, input[type="password"].classy-input { border: 1px solid #CCC; box-shadow: inset 0 1px 0 #eee,#fff 0 1px 0; margin: 0; padding: 7px; border-radius: 3px; background-color: white; color: #999; }
  619. .classy-input[disabled='disabled'] { background: #ccc; color: #333; }
  621. .link-holder { text-align: left; position: absolute; left: 2px; top: -2px; height: 20px; width: 200px; font-size: 12px; font-weight: normal; line-height: 20px; }
  623. .link-holder a { text-decoration: none; color: #888; }
  625. .generic-popup .clearfix { clear: both; }
  627. .generic-popup .center { float: none; left: 0; }
  629. .generic-popup.content h2.subtitle { padding-bottom: 12px; text-align: center; margin-top: -10px; }
  631. .generic-popup .button-holder { margin-top: 20px; }
  633. .subtitle.warning { font-weight: bold; }
  635. .generic-popup .error-holder { color: #333; font-size: 14px; padding: 0 4px; position: absolute; left: -280px; text-align: right; z-index: 10; display: none; }
  637. .error-holder .errorlist { margin: 0; padding: 0 0 0 30px; }
  639. .arrow-holder { position: absolute; left: -525px; top: 0; width: 500px; height: 42px; }
  641. .arrow-error { float: right; padding: 12px 0 16px 16px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAAtCAYAAABYkJnZAAABXElEQVR42u3aMU7DQBCG0X9tkwCi4D7c/0SJBA7Ypsg6cknJSO9Jq1jZbppPE2fKXTt8Hg8AUMB0iPfQz9jPIOwAUCfo6fGekkzbtl2MBQBqbuh70F+MBADqBn1Mck7y+rgZB9MBgIJBf0rybCQAUDfo+5/hTkYCADWDnsOWPhkJANQO+r6pAwBFgw4ACDoAIOgAgKADgKADAIIOAAg6ACDoAICgA4CgAwCCDgAIOgAg6AAg6ACAoAMAgg4ACDoACDoAIOgAgKADAIIOAIIOAAg6ACDoAICgA4CgAwCCDgAIOgDw96Bv/ayPm2U1HQAoGPQlyY+RAEDNoO+b+ZLk1lr7SPKe5C3JOX6WB4AyQV+SfCf5SnLtd7ckpySjMQFAnaDPSYb+/Zzk0u8HYwKAGkFfc39//tmf576Zj0maMQHA/w96DkHf36WPfTNvgg4AdTb09JDvQRdyACjkFyC7KhEAAKCKAAAAAElFTkSuQmCC) no-repeat; margin-right: -5px; margin-top: -2px; font-size: 14px; color: white; font-weight: bold; text-align: right; display: none; position: absolute; right: 0; }
  643. .arrow-error-right { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAtCAYAAACwNXvbAAABj0lEQVR42r3YzUoCURiHcb/LpA+1hRSJtKoWWgRtChQMF0JU4K5FtxNE7buAdlHtVVzqHbgXwY33MD3B5BscsTrnvP3h2czA+REaNRNhSUqExSlGUSK/W6dVylCaUpT4AoMgiCzq1wu+bTqd3nFpLQSTgnmDZJPJ5J7LWVoxMCcoxhmfNRozbDweP3ArTxkDc4NMbDQaPXJ708BcIAvMDrLBrCBbzAKyxywgNUwgZUwgZUwgZUwgZUwgZUwgZUwgZUwgbcwZWvAnJktpShiQT2wwGLTCfw9SFPMH1eszZDgcPnFskTZoSSCPSL/ff+bIYypRjpYpTtGIL6TX671w4DkdevqJTKTT6bxx1AWd0h4VjM/IFWm32+8cc0VVKlORcua3zh25phpVqGT9e+SOhFNGZMqITBmRKSMyZUSmjMiUEZkyInNBbJ74rBBrqNvtvnLpkqo/ImF/2S3dUIuadEblRYgt1KQG1eiEDqjo/RmWHVGZ9mmXtuY9lZPzdmibCpSf955B9c2Jb+Tf3gV9ANumOaDE65q3AAAAAElFTkSuQmCC) no-repeat; width: 26px; height: 45px; position: absolute; right: -26px; top: 0; z-index: 100; }
  645. .arrow-error a { color: #fff; }
  647. #email-errors { top: 155px; }
  649. .generic-popup .errorlist .error-item { color: #c66; text-decoration: none; }
  651. #account-message-dialog .errorlist { font-size: 16px; }
  653. .generic-popup .message-holder { margin-bottom: 20px; line-height: 22px; font-weight: normal; }
  655. .generic-popup p { margin: 0 0 20px 0; padding: 0; }
  657. .plus-icon { padding-left: 24px; font-size: 16px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAAAAAA6I3INAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAJ0Uk5TAP9bkSK1AAAAiElEQVQIHS3BUQqEIBAA0DntHGVuFGhEIog/QQthJBVRLEWCzBXcYfE9KNEo/adMLBDt+q1WG8GdmZmJmDmfDnzKAjGL5MG/SSAm8Xpw9yMQH3E7sBdhRZeF/iCs6Oih23aBuIutA7VEgRjFoqAJs0CcRWhAj5MgmsSoYW6HTzW0AUowujKh/ADv75S458as6wAAAABJRU5ErkJggg==) left center no-repeat; }
  659. #keystation a.plus-icon { text-decoration: none; color: #555; }
  661. .arrow-icon { padding-left: 24px; font-size: 16px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAAAAAA6I3INAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAACdFJOUwD/W5EitQAAAIxJREFUCFtFx1EKhCAURuF/tS6lFbSVQCMSQXwZaGAwulSEMRQJ0RacWwjzPRw4SKSlekhNCWTGbzYagg3ndV0hcM5g4eLJClFyo4M74o0/xsPBbvuDf98szFqIrFgN2uW/S4tmmh9ClPPUQA504yMaJCrfMz6ur6C6D7P2bqfQ16939qo9ktcq0z79APYilHx0t9/pAAAAAElFTkSuQmCC) left center no-repeat; }
  663. .header-text { font-size: 18px; }
  665. .account-switch { background: #ddd; border-top: 1px solid #ccc; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; margin: 20px -20px -22px; font-weight: normal; font-size: 14px; color: #333; }
  667. .account-switch .create-account { color: #333; display: block; padding: 12px; text-decoration: none; }
  669. .account-switch .create-account .create-inner { font-weight: bold; text-decoration: underline; }
  671. .grayout, .generic-bbm-wrapper { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlPM0jRW/QAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=); }
  673. .grayout { position: fixed; top: 0; left: 0; z-index: 998; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: none; }
  675. .grayout-inner { position: relative; width: 100%; height: 100%; }
  677. .slide-down { display: none; }
  679. .above-text-label { display: block; text-align: left; margin-bottom: 8px; }
  681. /* Modal positioning */
  682. .generic-bbm-wrapper { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 998; background: rgba(0, 0, 0, 0.5); overflow-x: auto; overflow-y: auto; }
  684. .generic-bbm-modal { position: relative; top: calc(50% - 250px); left: calc(50% - 200px); width: 276px; }
  686. .generic-bbm-modal.eula-modal { top: -webkit-calc(50% - 360px); top: calc(50% - 360px); left: -webkit-calc(50% - 300px); left: calc(50% - 300px); width: 600px; height: 600px; }
  687. .generic-bbm-modal.eula-modal .generic-popup.content { width: 100%; height: 100%; }
  688. .generic-bbm-modal.eula-modal .generic-popup.content .message-holder { max-height: 500px; text-align: left; white-space: pre-line; overflow-x: hidden; overflow-y: scroll; }
  690. .generic-bbm-views { width: 100%; }
  692. /* Modal theme */
  693. .generic-bbm-wrapper { -webkit-transition: background-color 0.3s; }
  695. .generic-bbm-modal { border-radius: 3px; box-shadow: 0 -1px 25px rgba(0, 0, 0, 0.3); -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; }
  697. /* Animations */
  698. /* Open modal */
  699. @-webkit-keyframes generic-bbm-open { 0% { -webkit-transform: matrix(0.99126, 0, 0, 0.99126, 0, 43.8813); opacity: 0.1259; }
  700. 4% { -webkit-transform: matrix(0.99295, 0, 0, 0.99295, 0, 45.06809); opacity: 0.29544; }
  701. 8% { -webkit-transform: matrix(0.99467, 0, 0, 0.99467, 0, 46.26922); opacity: 0.46703; }
  702. 12% { -webkit-transform: matrix(0.99619, 0, 0, 0.99619, 0, 47.33355); opacity: 0.61908; }
  703. 16% { -webkit-transform: matrix(0.99743, 0, 0, 0.99743, 0, 48.19991); opacity: 0.74284; }
  704. 20% { -webkit-transform: matrix(0.99837, 0, 0, 0.99837, 0, 48.86067); opacity: 0.83724; }
  705. 24% { -webkit-transform: matrix(0.99905, 0, 0, 0.99905, 0, 49.33658); opacity: 0.90523; }
  706. 28% { -webkit-transform: matrix(0.99952, 0, 0, 0.99952, 0, 49.66049); opacity: 0.9515; }
  707. 32% { -webkit-transform: matrix(0.99981, 0, 0, 0.99981, 0, 49.8675); opacity: 0.98107; }
  708. 36% { -webkit-transform: matrix(0.99999, 0, 0, 0.99999, 0, 49.98966); opacity: 0.99852; }
  709. 40% { -webkit-transform: matrix(1.00008, 0, 0, 1.00008, 0, 50.05361); opacity: 1.00766; }
  710. 44% { -webkit-transform: matrix(1.00011, 0, 0, 1.00011, 0, 50.08); opacity: 1.01143; }
  711. 48% { -webkit-transform: matrix(1.00012, 0, 0, 1.00012, 0, 50.08394); opacity: 1.01199; }
  712. 52% { -webkit-transform: matrix(1.00011, 0, 0, 1.00011, 0, 50.07589); opacity: 1.01084; }
  713. 56% { -webkit-transform: matrix(1.00009, 0, 0, 1.00009, 0, 50.06265); opacity: 1.00895; }
  714. 60% { -webkit-transform: matrix(1.00007, 0, 0, 1.00007, 0, 50.04833); opacity: 1.0069; }
  715. 64% { -webkit-transform: matrix(1.00005, 0, 0, 1.00005, 0, 50.03518); opacity: 1.00503; }
  716. 68% { -webkit-transform: matrix(1.00004, 0, 0, 1.00004, 0, 50.02421); opacity: 1.00346; }
  717. 72% { -webkit-transform: matrix(1.00002, 0, 0, 1.00002, 0, 50.01567); opacity: 1.00224; }
  718. 76% { -webkit-transform: matrix(1.00001, 0, 0, 1.00001, 0, 50.00941); opacity: 1.00134; }
  719. 80% { -webkit-transform: matrix(1.00001, 0, 0, 1.00001, 0, 50.00506); opacity: 1.00072; }
  720. 84% { -webkit-transform: matrix(1, 0, 0, 1, 0, 50.00223); opacity: 1.00032; }
  721. 88% { -webkit-transform: matrix(1, 0, 0, 1, 0, 50.0005); opacity: 1.00007; }
  722. 92% { -webkit-transform: matrix(1, 0, 0, 1, 0, 49.99956); opacity: 0.99994; }
  723. 96% { -webkit-transform: matrix(1, 0, 0, 1, 0, 49.99913); opacity: 0.99988; }
  724. 100% { -webkit-transform: matrix(1, 0, 0, 1, 0, 50); opacity: 1; } }
  725. .generic-bbm-modal--open { -webkit-animation-duration: 0.3s; -webkit-animation-name: generic-bbm-open; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: both; -webkit-transform-origin: 50% 50%; -webkit-backface-visibility: hidden; }
  727. /* Open a stacked modal */
  728. @-webkit-keyframes generic-bbm-stacked { 0% { -webkit-transform: matrix(0.99874, 0, 0, 0.99874, 0, 49.1187); opacity: 0.93705; }
  729. 4% { -webkit-transform: matrix(0.99705, 0, 0, 0.99705, 0, 47.93192); opacity: 0.85228; }
  730. 8% { -webkit-transform: matrix(0.99533, 0, 0, 0.99533, 0, 46.73078); opacity: 0.76648; }
  731. 12% { -webkit-transform: matrix(0.99381, 0, 0, 0.99381, 0, 45.66645); opacity: 0.69046; }
  732. 16% { -webkit-transform: matrix(0.99257, 0, 0, 0.99257, 0, 44.80009); opacity: 0.62858; }
  733. 20% { -webkit-transform: matrix(0.99163, 0, 0, 0.99163, 0, 44.13933); opacity: 0.58138; }
  734. 24% { -webkit-transform: matrix(0.99095, 0, 0, 0.99095, 0, 43.66342); opacity: 0.54739; }
  735. 28% { -webkit-transform: matrix(0.99049, 0, 0, 0.99049, 0, 43.33951); opacity: 0.52425; }
  736. 32% { -webkit-transform: matrix(0.99019, 0, 0, 0.99019, 0, 43.1325); opacity: 0.50946; }
  737. 36% { -webkit-transform: matrix(0.99002, 0, 0, 0.99002, 0, 43.01034); opacity: 0.50074; }
  738. 40% { -webkit-transform: matrix(0.98992, 0, 0, 0.98992, 0, 42.94639); opacity: 0.49617; }
  739. 44% { -webkit-transform: matrix(0.98989, 0, 0, 0.98989, 0, 42.92001); opacity: 0.49429; }
  740. 48% { -webkit-transform: matrix(0.98988, 0, 0, 0.98988, 0, 42.91606); opacity: 0.494; }
  741. 52% { -webkit-transform: matrix(0.98989, 0, 0, 0.98989, 0, 42.92411); opacity: 0.49458; }
  742. 56% { -webkit-transform: matrix(0.98991, 0, 0, 0.98991, 0, 42.93736); opacity: 0.49553; }
  743. 60% { -webkit-transform: matrix(0.98993, 0, 0, 0.98993, 0, 42.95167); opacity: 0.49655; }
  744. 64% { -webkit-transform: matrix(0.98995, 0, 0, 0.98995, 0, 42.96482); opacity: 0.49749; }
  745. 68% { -webkit-transform: matrix(0.98997, 0, 0, 0.98997, 0, 42.97579); opacity: 0.49827; }
  746. 72% { -webkit-transform: matrix(0.98998, 0, 0, 0.98998, 0, 42.98433); opacity: 0.49888; }
  747. 76% { -webkit-transform: matrix(0.98999, 0, 0, 0.98999, 0, 42.99059); opacity: 0.49933; }
  748. 80% { -webkit-transform: matrix(0.98999, 0, 0, 0.98999, 0, 42.99494); opacity: 0.49964; }
  749. 84% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 42.99777); opacity: 0.49984; }
  750. 88% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 42.9995); opacity: 0.49996; }
  751. 92% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43.00044); opacity: 0.50003; }
  752. 96% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43.00088); opacity: 0.50006; }
  753. 100% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43); opacity: 0.5; } }
  754. .generic-bbm-modal--stacked { -webkit-animation-duration: 0.43333s; -webkit-animation-name: generic-bbm-stacked; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: both; -webkit-transform-origin: 50% 50%; -webkit-backface-visibility: hidden; }
  756. /* Close a stacked modal */
  757. @-webkit-keyframes generic-bbm-stacked-reverse { 0% { -webkit-transform: matrix(0.99123, 0, 0, 0.99123, 0, 43.86266); opacity: 0.56162; }
  758. 4% { -webkit-transform: matrix(0.99293, 0, 0, 0.99293, 0, 45.05306); opacity: 0.64665; }
  759. 8% { -webkit-transform: matrix(0.99465, 0, 0, 0.99465, 0, 46.25785); opacity: 0.7327; }
  760. 12% { -webkit-transform: matrix(0.99618, 0, 0, 0.99618, 0, 47.32543); opacity: 0.80896; }
  761. 16% { -webkit-transform: matrix(0.99742, 0, 0, 0.99742, 0, 48.19443); opacity: 0.87103; }
  762. 20% { -webkit-transform: matrix(0.99837, 0, 0, 0.99837, 0, 48.8572); opacity: 0.91837; }
  763. 24% { -webkit-transform: matrix(0.99905, 0, 0, 0.99905, 0, 49.33456); opacity: 0.95247; }
  764. 28% { -webkit-transform: matrix(0.99951, 0, 0, 0.99951, 0, 49.65946); opacity: 0.97568; }
  765. 32% { -webkit-transform: matrix(0.99981, 0, 0, 0.99981, 0, 49.8671); opacity: 0.99051; }
  766. 36% { -webkit-transform: matrix(0.99999, 0, 0, 0.99999, 0, 49.98963); opacity: 0.99926; }
  767. 40% { -webkit-transform: matrix(1.00008, 0, 0, 1.00008, 0, 50.05377); opacity: 1.00384; }
  768. 44% { -webkit-transform: matrix(1.00012, 0, 0, 1.00012, 0, 50.08024); opacity: 1.00573; }
  769. 48% { -webkit-transform: matrix(1.00012, 0, 0, 1.00012, 0, 50.08419); opacity: 1.00601; }
  770. 52% { -webkit-transform: matrix(1.00011, 0, 0, 1.00011, 0, 50.07612); opacity: 1.00544; }
  771. 56% { -webkit-transform: matrix(1.00009, 0, 0, 1.00009, 0, 50.06284); opacity: 1.00449; }
  772. 60% { -webkit-transform: matrix(1.00007, 0, 0, 1.00007, 0, 50.04848); opacity: 1.00346; }
  773. 64% { -webkit-transform: matrix(1.00005, 0, 0, 1.00005, 0, 50.03529); opacity: 1.00252; }
  774. 68% { -webkit-transform: matrix(1.00004, 0, 0, 1.00004, 0, 50.02428); opacity: 1.00173; }
  775. 72% { -webkit-transform: matrix(1.00002, 0, 0, 1.00002, 0, 50.01572); opacity: 1.00112; }
  776. 76% { -webkit-transform: matrix(1.00001, 0, 0, 1.00001, 0, 50.00944); opacity: 1.00067; }
  777. 80% { -webkit-transform: matrix(1.00001, 0, 0, 1.00001, 0, 50.00508); opacity: 1.00036; }
  778. 84% { -webkit-transform: matrix(1, 0, 0, 1, 0, 50.00223); opacity: 1.00016; }
  779. 88% { -webkit-transform: matrix(1, 0, 0, 1, 0, 50.0005); opacity: 1.00004; }
  780. 92% { -webkit-transform: matrix(1, 0, 0, 1, 0, 49.99956); opacity: 0.99997; }
  781. 96% { -webkit-transform: matrix(1, 0, 0, 1, 0, 49.99912); opacity: 0.99994; }
  782. 100% { -webkit-transform: matrix(1, 0, 0, 1, 0, 50); opacity: 1; } }
  783. .generic-bbm-modal--stacked-reverse { -webkit-animation-duration: 0.43333s; -webkit-animation-name: generic-bbm-stacked-reverse; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: both; -webkit-transform-origin: 50% 50%; -webkit-backface-visibility: hidden; }
  785. /* Close a modal */
  786. @-webkit-keyframes generic-bbm-close { 0% { -webkit-transform: matrix(0.99874, 0, 0, 0.99874, 0, 49.1187); opacity: 0.8741; }
  787. 4% { -webkit-transform: matrix(0.99705, 0, 0, 0.99705, 0, 47.93192); opacity: 0.70456; }
  788. 8% { -webkit-transform: matrix(0.99533, 0, 0, 0.99533, 0, 46.73078); opacity: 0.53297; }
  789. 12% { -webkit-transform: matrix(0.99381, 0, 0, 0.99381, 0, 45.66645); opacity: 0.38092; }
  790. 16% { -webkit-transform: matrix(0.99257, 0, 0, 0.99257, 0, 44.80009); opacity: 0.25716; }
  791. 20% { -webkit-transform: matrix(0.99163, 0, 0, 0.99163, 0, 44.13933); opacity: 0.16276; }
  792. 24% { -webkit-transform: matrix(0.99095, 0, 0, 0.99095, 0, 43.66342); opacity: 0.09477; }
  793. 28% { -webkit-transform: matrix(0.99049, 0, 0, 0.99049, 0, 43.33951); opacity: 0.0485; }
  794. 32% { -webkit-transform: matrix(0.99019, 0, 0, 0.99019, 0, 43.1325); opacity: 0.01893; }
  795. 36% { -webkit-transform: matrix(0.99002, 0, 0, 0.99002, 0, 43.01034); opacity: 0.00148; }
  796. 40% { -webkit-transform: matrix(0.98992, 0, 0, 0.98992, 0, 42.94639); opacity: -0.00766; }
  797. 44% { -webkit-transform: matrix(0.98989, 0, 0, 0.98989, 0, 42.92001); opacity: -0.01143; }
  798. 48% { -webkit-transform: matrix(0.98988, 0, 0, 0.98988, 0, 42.91606); opacity: -0.01199; }
  799. 52% { -webkit-transform: matrix(0.98989, 0, 0, 0.98989, 0, 42.92411); opacity: -0.01084; }
  800. 56% { -webkit-transform: matrix(0.98991, 0, 0, 0.98991, 0, 42.93736); opacity: -0.00895; }
  801. 60% { -webkit-transform: matrix(0.98993, 0, 0, 0.98993, 0, 42.95167); opacity: -0.0069; }
  802. 64% { -webkit-transform: matrix(0.98995, 0, 0, 0.98995, 0, 42.96482); opacity: -0.00503; }
  803. 68% { -webkit-transform: matrix(0.98997, 0, 0, 0.98997, 0, 42.97579); opacity: -0.00346; }
  804. 72% { -webkit-transform: matrix(0.98998, 0, 0, 0.98998, 0, 42.98433); opacity: -0.00224; }
  805. 76% { -webkit-transform: matrix(0.98999, 0, 0, 0.98999, 0, 42.99059); opacity: -0.00134; }
  806. 80% { -webkit-transform: matrix(0.98999, 0, 0, 0.98999, 0, 42.99494); opacity: -0.00072; }
  807. 84% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 42.99777); opacity: -0.00032; }
  808. 88% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 42.9995); opacity: -7e -5; }
  809. 92% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43.00044); opacity: 6.0e-05; }
  810. 96% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43.00088); opacity: 0.00012; }
  811. 100% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43); opacity: 0; } }
  812. .generic-bbm-modal--close { -webkit-animation-duration: 0.43333s; -webkit-animation-name: generic-bbm-close; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: both; -webkit-transform-origin: 50% 50%; -webkit-backface-visibility: hidden; }
  814. #account-login-authy-token-holder { display: none; }
  816. #account-login-authy-token { width: 150px; }
  818. @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .generic-bbm-modal--open, .generic-bbm-modal--stacked, .generic-bbm-modal--stacked-reverse, .generic-bbm-modal--destroy { -webkit-animation: none !important; } }
  819. </style>
  820. <!-- /styles-required -->
  821. <!-- styles-inline --><style>
  824. </style>
  825. <!-- /styles-inline -->
  830. <!-- scripts-linked -->
  831. <script src='https://humblebundle-a.akamaihd.net/5b10890eb046115c6b96073c7b4faa3346240ff9/dist/main.min.js'></script>
  832. <script async src='https://checkout.stripe.com/checkout.js'></script>
  833. <!-- /scripts-linked -->
  834. <!-- scripts-raven&setup -->
  835. <script>
  837. var ravenOptions = {
  838. whitelistUrls: [
  839. /humblebundle\.com/,
  840. /pubnub\.com/,
  841. /stripe\.com/
  842. ]
  843. };
  844. // This is limited to 10 events per minute because it's so noisy
  845. Raven.config('https://66f1d77a834744b7baccac297f6992c1@app.getsentry.com/14291', ravenOptions).install();
  848. window.app = window.app || {};
  849. window.pageData = {atTime: 1432942259 };
  850. </script>
  851. <!-- /scripts-raven&setup -->
  852. <!-- scripts-jsblock -->
  853. <script>
  856. </script>
  857. <!-- /scripts-jsblock -->
  858. <!-- google-site-search-block -->
  859. <script type="application/ld+json">
  860. {
  861. "@context": "http://schema.org",
  862. "@type": "WebSite",
  863. "url": "https://www.humblebundle.com/",
  864. "potentialAction": {
  865. "@type": "SearchAction",
  866. "target": "https://www.humblebundle.com/store/search?search={search_term}",
  867. "query-input": "required name=search_term"
  868. }
  869. }
  870. </script>
  871. <!-- /google-site-search-block -->
  872. </head>
  876. <body>
  877. <div class="page-wrap">
  885. <!--[if lte IE 9]><style>/* THIS IS AN AUTO-GENERATED FILE */
  886. .alertbar { background-color: #97b147; color: #ffffff; font-size: 28px; text-align: center; }
  887. .alertbar-link { color: inherit; display: block; padding: 1em; text-decoration: none; }
  889. body { overflow-x: auto; }</style><div class="alertbar"><a class="alertbar-link" href="http://browsehappy.com/"> You are using an <strong>outdated</strong> browser. <br>Portions of our site may not work as intended. <br>Please <u>click here</u> to upgrade your browser! </a></div><![endif]-->
  891. <div class="navigation-container">
  893. <!--[if lte IE 9]><style>/* THIS IS AN AUTO-GENERATED FILE */
  894. .navbar { display: inline-block; width: 100%; }
  895. .navbar ul { display: inline-block; }
  896. .navbar-items-menu { float: right; }</style><script>/*! @source http://purl.eligrey.com/github/classList.js/blob/master/classList.js*/
  897. ;if("document" in self&&!("classList" in document.createElement("_"))){(function(j){"use strict";if(!("Element" in j)){return}var a="classList",f="prototype",m=j.Element[f],b=Object,k=String[f].trim||function(){return this.replace(/^\s+|\s+$/g,"")},c=Array[f].indexOf||function(q){var p=0,o=this.length;for(;p<o;p++){if(p in this&&this[p]===q){return p}}return -1},n=function(o,p){this.name=o;this.code=DOMException[o];this.message=p},g=function(p,o){if(o===""){throw new n("SYNTAX_ERR","An invalid or illegal string was specified")}if(/\s/.test(o)){throw new n("INVALID_CHARACTER_ERR","String contains an invalid character")}return c.call(p,o)},d=function(s){var r=k.call(s.getAttribute("class")||""),q=r?r.split(/\s+/):[],p=0,o=q.length;for(;p<o;p++){this.push(q[p])}this._updateClassName=function(){s.setAttribute("class",this.toString())}},e=d[f]=[],i=function(){return new d(this)};n[f]=Error[f];e.item=function(o){return this[o]||null};e.contains=function(o){o+="";return g(this,o)!==-1};e.add=function(){var s=arguments,r=0,p=s.length,q,o=false;do{q=s[r]+"";if(g(this,q)===-1){this.push(q);o=true}}while(++r<p);if(o){this._updateClassName()}};e.remove=function(){var t=arguments,s=0,p=t.length,r,o=false;do{r=t[s]+"";var q=g(this,r);if(q!==-1){this.splice(q,1);o=true}}while(++s<p);if(o){this._updateClassName()}};e.toggle=function(p,q){p+="";var o=this.contains(p),r=o?q!==true&&"remove":q!==false&&"add";if(r){this[r](p)}return !o};e.toString=function(){return this.join(" ")};if(b.defineProperty){var l={get:i,enumerable:true,configurable:true};try{b.defineProperty(m,a,l)}catch(h){if(h.number===-2146823252){l.enumerable=false;b.defineProperty(m,a,l)}}}else{if(b[f].__defineGetter__){m.__defineGetter__(a,i)}}}(self))};</script><![endif]-->
  899. <nav class="navbar">
  900. <ul class="navbar-items-left">
  901. <li class="navbar-item-header">
  902. <a href="/">
  903. <i class="navbar-item-header-icon hb-bundle"></i>
  904. Humble Bundle
  905. </a>
  906. </li>
  907. <li class="navbar-item">
  908. <a href='https://www.twitter.com/humble' target="_blank">
  909. <i class="navbar-item-social-icon hb-twitter"></i>
  910. </a>
  911. </li>
  912. <li class="navbar-item">
  913. <a href='https://www.facebook.com/humblebundle' target="_blank">
  914. <i class="navbar-item-social-icon hb-facebook"></i>
  915. </a>
  916. </li>
  917. <li class="navbar-item">
  918. <a href='https://plus.google.com/+HumbleBundle' target="_blank">
  919. <i class="navbar-item-gplus-icon hb-googleplus"></i>
  920. </a>
  921. </li>
  922. <li class="navbar-item">
  923. <a href='http://steamcommunity.com/groups/HumbleBundleOfficial' target="_blank">
  924. <i class="navbar-item-steam-icon hb-steam"></i>
  925. </a>
  926. </li>
  927. </ul>
  928. <ul class="navbar-items-right">
  929. <li class="navbar-item">
  930. <a href='https://support.humblebundle.com' target="_blank">
  931. <i class="navbar-item-icon hb-support"></i>
  932. Support
  933. </a>
  934. </li>
  935. <li class="navbar-item">
  936. <a href='http://blog.humblebundle.com/' target="_blank">
  937. <i class="navbar-item-icon hb-file"></i>
  938. Blog
  939. </a>
  940. </li>
  941. <li class="navbar-item-dropdown">
  942. <a class="navbar-item-dropdown-toggle" href="#">
  943. <i class="navbar-item-icon hb-user"></i>
  944. mooman72v2@gmail.com
  945. <i class="fa fa-caret-down"></i>
  946. </a>
  948. <div class="navbar-item-dropdown-container is-hidden">
  949. <div class="navbar-item-dropdown-items">
  950. <div class="navbar-item-dropdown-arrow"></div>
  951. <ul>
  952. <li class="navbar-item-dropdown-item">
  953. <a href='/home'>
  954. <i class="navbar-item-dropdown-icon hb-library"></i>
  955. My Library
  956. </a>
  957. </li>
  958. <li class="navbar-item-dropdown-item">
  959. <a href='/user/settings'>
  960. <i class="navbar-item-dropdown-icon fa fa-cog"></i>
  961. Settings
  962. </a>
  963. </li>
  964. <li class="navbar-item-dropdown-item">
  965. <a href='/logout?goto=/'>
  966. <i class="navbar-item-dropdown-icon fa fa-sign-out"></i>
  967. Logout
  968. </a>
  969. </li>
  970. </ul>
  971. </div>
  972. </div>
  974. </li>
  976. </ul>
  977. </nav>
  978. </div>
  980. <nav class="tabbar">
  981. </nav>
  984. <div class="base-main-wrapper">
  987. <!--[if lte IE 9]><style>/* THIS IS AN AUTO-GENERATED FILE */
  988. .tabbar { display: inline-block; width: 100%; text-align: center; }
  989. .tabbar-tab { display: inline-block; }</style><![endif]-->
  995. <div class="js-library-holder js-holder"></div>
  996. <div class="js-purchase-holder js-holder"></div>
  997. <div class="js-claimed-orders-holder js-holder"></div>
  998. <div class="js-key-manager-holder js-holder"></div>
  999. <div class="js-coupon-holder js-holder"></div>
  1000. <div class="bottom-tab-shortcuts">
  1001. <a href="/home/library">Library</a> |
  1002. <a href="/home/purchases">Purchases</a> |
  1003. <a href="/home/keys">Keys</a> |
  1004. <a href="/home/coupons">Coupons</a>
  1005. </div>
  1006. <script type="text/javascript" src="//cdn.sublimevideo.net/js/qi03wfzz.js"></script>
  1007. </div>
  1009. <!-- html-required -->
  1013. <script src="https://humblebundle-a.akamaihd.net/static/hashed/62b6e1ef0849206e032d7e7764c7d6928818578a.js" type="text/javascript"></script>
  1014. <script type="text/javascript">
  1015. var STATIC_URL = 'https://humblebundle-a.akamaihd.net';
  1016. var moduleConfig = {
  1017. 'util/templating': {
  1018. STATIC_URL: STATIC_URL
  1019. },
  1020. 'storefront/store': {
  1021. STATIC_URL: STATIC_URL
  1022. },
  1023. 'platformIcons/main': {
  1024. 'PLATFORM_DEFINITION': {"firefox": {"human_name": "Firefox", "icon": "hb-firefox"}, "wiiu": {"human_name": "Nintendo Wii U", "icon": "hb-WiiU"}, "3DS": {"human_name": "Nintendo 3DS", "icon": "hb-threeds"}, "mac": {"human_name": "Mac", "icon": "hb-osx"}, "mp3": {"human_name": "MP3", "icon": "hb-file-mp3"}, "flac": {"human_name": "FLAC", "icon": "hb-file"}, "linux": {"human_name": "Linux", "icon": "hb-linux"}, "hd": {"human_name": "HD"}, "chrome": {"human_name": "Chrome", "icon": "hb-chrome"}, "windows": {"human_name": "Windows", "icon": "hb-windows"}, "android": {"human_name": "Android", "icon": "hb-android"}, "sd": {"human_name": "SD"}, "browser": {"human_name": "modern browsers like Chrome or Firefox", "icon": "hb-singleplatform"}},
  1025. 'DELIVERY_DEFINITION': {"origin": {"preamble": "Redeem for", "icon": "hb-origin"}, "asmjs": {"preamble": "Play in", "icon": "hb-bundle"}, "3DS": {"preamble": "Play on", "icon": "hb-threeds"}, "other-key": {"preamble": "Redeem for", "icon": "hb-key"}, "wiiu": {"preamble": "Play on", "icon": "hb-WiiU"}, "download": {"preamble": "Download for", "icon": "hb-drmfree"}, "uplay": {"preamble": "Redeem for", "icon": "hb-uplay"}, "android": {"preamble": "Download for", "icon": "hb-android"}, "video-download": {"preamble": "Download", "icon": "hb-movie"}, "web": {"preamble": "Play in", "icon": "fa fa-globe"}, "vhx": {"human_name": "VHX", "preamble": "Download/stream on", "icon": "hb-movie"}, "gog": {"preamble": "Redeem for", "icon": "hb-gog"}, "audio-download": {"preamble": "Download", "icon": "hb-audio"}, "download_drm": {"preamble": "Download for", "icon": "fa fa-download"}, "steam": {"preamble": "Redeem for", "icon": "hb-steam"}}
  1026. },
  1027. 'hbtemplate': {
  1029. }
  1030. };
  1032. var config = {
  1033. baseUrl: "https://humblebundle-a.akamaihd.net/5b10890eb046115c6b96073c7b4faa3346240ff9/dist/javascript",
  1034. config: moduleConfig,
  1035. "map": {
  1036. "*": {
  1037. "jquery": "load-jquery",
  1038. "underscore": "lib/underscore",
  1039. "backbone": "lib/backbone"
  1040. }
  1041. },
  1042. paths: {
  1044. }
  1045. };
  1048. require.config(config);
  1050. </script>
  1053. <div id='flash'></div>
  1054. <div ssl='on' id='pubnub'></div>
  1055. <script>
  1056. // log all calls and be able to play them back on another object
  1057. // sort of like a more generic version of the _gaq object
  1058. function Replayer(methods) {
  1059. this._log = [];
  1060. var self = this;
  1062. methods.forEach(function(method) {
  1063. self[method] = function() {
  1064. self._log.push([method, Array.prototype.slice.call(arguments)]);
  1065. };
  1066. });
  1068. this._playback = function (obj) {
  1069. self._log.forEach(function(entry) {
  1070. methodname = entry[0];
  1071. args = entry[1];
  1072. method = obj[methodname];
  1073. method.apply(obj, args);
  1074. });
  1075. };
  1076. }
  1078. window.pubnub_client = new Replayer(['subscribe', 'history']);
  1080. async_js('//pubnub.a.ssl.fastly.net/pubnub-3.5.4.min.js', function () {
  1082. var pubnub_callbacks = {};
  1083. /* {
  1084. 'stats': [callback1, callback2]
  1085. 'thanks': [thankscallback]
  1086. }
  1087. */
  1089. var register_pubnub_handler = function (channel, callback) {
  1090. var channel_callbacks = pubnub_callbacks[channel];
  1091. if (channel_callbacks == undefined) {
  1092. channel_callbacks = [];
  1093. }
  1094. channel_callbacks.push(callback);
  1095. pubnub_callbacks[channel] = channel_callbacks;
  1096. }
  1098. var pubnub_delegator = function (message, envelope, channel) {
  1099. var callbacks = pubnub_callbacks[channel];
  1100. for (var i = 0; i < callbacks.length; i++) {
  1101. callbacks[i](message);
  1102. }
  1103. }
  1105. var original_pubnub_client = PUBNUB.init({
  1106. noleave: true,
  1107. ssl: true,
  1108. origin: 'humble.pubnub.com',
  1109. subscribe_key: '6b5eeae3-796b-11df-8b2d-ef048cc31d2e'
  1110. });
  1112. var multiplexed_pubnub_client = {}
  1113. $.extend(multiplexed_pubnub_client, original_pubnub_client);
  1114. multiplexed_pubnub_client.subscribe = function(options) {
  1115. var callback = options['callback'];
  1116. var channel = options['channel'];
  1117. delete options['callback'];
  1118. register_pubnub_handler(channel, callback);
  1119. options['callback'] = pubnub_delegator;
  1120. return original_pubnub_client.subscribe(options);
  1121. }
  1122. multiplexed_pubnub_client.ready(); // since we fire after the ready event, trigger it on the pubnub object
  1123. window.pubnub_client._playback(multiplexed_pubnub_client);
  1124. window.pubnub_client = multiplexed_pubnub_client;
  1125. });
  1126. </script>
  1127. <!-- /html-required -->
  1128. <!-- print-html -->
  1131. <!-- /print-html -->
  1137. <div class='grayout'>
  1138. <div class='grayout-inner'>
  1139. </div>
  1140. </div>
  1142. <div id='site-modal'></div>
  1144. <script type='text/template' id='account-message'>
  1145. <div class='generic-popup content'>
  1146. <h1 class='noimg'><%= title %></h1>
  1148. <div class='message-holder'><%= message %></div>
  1149. <div class='no-center'>
  1150. <div class='button-holder'>
  1151. <a class='button-link cancel js-cancel' href='#' data-goto='<%= gotoHref %>'><span class='green-button'>OK</span></a>
  1152. </div>
  1153. <div class='clearfix'></div>
  1154. </div>
  1155. </div>
  1156. </script>
  1158. <script type='text/template' id='account-pw-reset'>
  1159. <div class='generic-popup content'>
  1160. <h1><span class='main-base-arrow js-loader'></span>Password Reset</h1>
  1161. <form action='https://www.humblebundle.com/user/forgot' data-input-prefix='account-pw-reset-'>
  1162. <p class='input-holder'>
  1163. <label class='account-infield' for='account-pw-reset-email'>Email</label>
  1164. <input name='email' type='text' id='account-pw-reset-email' class='account-input js-focus'>
  1165. </p>
  1167. <div class='input-holder'>
  1168. <div id='account-pw-reset-captcha'></div>
  1169. </div>
  1171. <div class='no-center'>
  1172. <div class='button-holder'>
  1173. <a class='button-link cancel js-cancel' href='#'><span class='gray-button'>Cancel</span></a>
  1174. <a class='button-link submit js-submit' href='#'><span class='green-button'>Submit</span></a>
  1175. </div>
  1176. <div class='clearfix'></div>
  1177. </div>
  1178. </form>
  1179. </div>
  1180. </script>
  1182. <script type='text/template' id='account-signup'>
  1183. <div class='generic-popup content'>
  1184. <h1><span class='main-base-arrow js-loader'></span>Create Account</h1>
  1185. <h2 class='subtitle'>Create an account to organize your bundles.</h2>
  1186. <form action='https://www.humblebundle.com/signup' data-input-prefix='account-signup-' method='POST'>
  1187. <p class='input-holder'>
  1188. <label class='account-infield' for='account-signup-email'>Email</label>
  1189. <input name='email' type='text' id='account-signup-email' class='account-input js-focus'>
  1190. </p>
  1191. <p class='input-holder'>
  1192. <label class='account-infield' for='account-signup-password' id='account-signup-password-label'>Password</label>
  1193. <input name='password' type='password' value='' id='account-signup-password' class='account-input'>
  1194. </p>
  1195. <p class='disclaimer'>
  1196. By clicking "Sign Up" and creating a humblebundle.com account, I acknowledge that I am 13 years of age or older and that I understand and agree to this website's <a href='/terms' target='_blank'>Terms and Conditions</a> and <a href='/privacy' target='_blank'>Privacy Policy</a>.
  1197. </p>
  1198. <p class='input-holder'>
  1199. <input id='account-signup-subscribe' name='subscribe' type='checkbox'>
  1200. <label for='account-signup-subscribe'>Notify me about Humble Bundle promotions.</label>
  1201. </p>
  1203. <div class='input-holder'>
  1204. <div id='account-signup-captcha'></div>
  1205. </div>
  1207. <div class='no-center'>
  1208. <div class='button-holder'>
  1209. <a class='button-link cancel js-cancel' href='#'><span class='gray-button'>Cancel</span></a>
  1210. <a class='button-link submit js-submit' href='#'><span class='green-button'>Sign Up</span></a>
  1211. </div>
  1212. <div class='clearfix'></div>
  1213. </div>
  1214. </form>
  1215. </div>
  1216. </script>
  1218. <script type='text/template' id='account-login'>
  1219. <div class='generic-popup content'>
  1220. <h1><span class='main-base-arrow js-loader'></span>Log In</h1>
  1222. <form id='account-login-form' method='post' action='https://www.humblebundle.com/processlogin' target='hidden-login-iframe' data-input-prefix='account-login-' data-captcha-url='https://www.humblebundle.com/login/captcha'>
  1223. <input type='hidden' class='csrftoken' name='_le_csrf_token' value='KLt6WVOT8RxV92Ac-1-1428438811' />
  1224. <input name='goto' type='hidden' value=''>
  1225. <input name='qs' type='hidden' value=''>
  1226. <input name='script-wrapper' type='hidden' value='login_callback'>
  1227. <p class='input-holder'>
  1228. <label id='account-login-username-label' class='account-infield' for='account-login-username'>Email</label>
  1229. <input name='username' type='text' id='account-login-username' class='account-input js-focus'>
  1230. </p>
  1231. <p class='input-holder'>
  1232. <label id='account-login-password-label' class='account-infield' for='account-login-password'>Password</label>
  1233. <input name='password' type='password' value='' id='account-login-password' class='account-input'>
  1234. </p>
  1235. <p id='account-login-authy-token-holder' class='input-holder'>
  1236. <label id='account-login-authy-token-label' class='account-infield' for='account-login-authy-token'>Authy token</label>
  1237. <input name='authy-token' type='text' value='' id='account-login-authy-token' class='account-input' style='display: inline'>
  1238. <input name='submit-data' type='hidden' value=''>&nbsp; or
  1239. <a class='button-link submit js-send-sms gray-button' href='#' id='send-sms'>Send SMS</a>
  1240. </p>
  1241. <div class='input-holder'>
  1242. <div id='account-login-captcha'></div>
  1243. </div>
  1244. <div class='no-center'>
  1245. <div class='link-holder'>
  1246. <a class='forgot-pw' href='/user/forgot' data-target-popup='#account-pw-reset'>Forgot your password?</a><br/>
  1247. <a class='js-show-2fa show-2fa' href="#">Two-factor authentication</a>
  1249. </div>
  1250. <div class='button-holder'>
  1251. <a class='button-link cancel js-cancel' href='#'><span class='gray-button'>Cancel</span></a>
  1252. <a class='button-link submit js-submit' href='#'><span class='green-button'>Log In</span></a>
  1253. </div>
  1254. </div>
  1255. </form>
  1256. <div class='account-switch'>
  1257. <a class='create-account slide-down' href='https://www.humblebundle.com/signup' data-target-popup='#account-signup'>Need to <span class='create-inner'>create an account</span>?</a>
  1258. </div>
  1259. <iframe name='hidden-login-iframe' id='hidden-login-iframe' style='display: none'></iframe>
  1260. </div>
  1261. </script>
  1263. <script type='text/template' id='account-relogin'>
  1264. <div class='generic-popup content'>
  1265. <h1><span class='main-base-arrow js-loader'></span>Confirm Password</h1>
  1266. <h2 class='subtitle warning'>For security reasons, please enter your current password.</h2>
  1267. <form id='account-login-form' method='post' action='https://www.humblebundle.com/user/confirm-password' data-input-prefix='account-login-'>
  1268. <input type='hidden' class='csrftoken' name='_le_csrf_token' value='KLt6WVOT8RxV92Ac-1-1428438811' />
  1269. <p class='input-holder'>
  1270. <label id='account-login-password-label' class='account-infield' for='account-login-password'>Password</label>
  1271. <input name='password' type='password' value='' id='account-login-password' class='account-input'>
  1272. </p>
  1273. <p id='account-login-authy-token-holder' class='input-holder'>
  1274. <label id='account-login-authy-token-label' class='account-infield' for='account-login-authy-token'>Authy token</label>
  1275. <input name='authy-token' type='text' value='' id='account-login-authy-token' class='account-input' style='display: inline'>
  1276. <input name='submit-data' type='hidden' value=''>&nbsp; or
  1277. <a class='button-link submit js-submit gray-button' href='#' id='send-sms'>Send SMS</a>
  1278. </p>
  1279. <div class='input-holder'>
  1280. <div id='account-login-captcha'></div>
  1281. </div>
  1282. <div class='no-center'>
  1283. <div class='button-holder'>
  1284. <a class='button-link cancel js-cancel' href='#'><span class='gray-button'>Cancel</span></a>
  1285. <a class='button-link submit js-submit' href='#'><span class='green-button'>Confirm</span></a>
  1286. </div>
  1287. </div>
  1288. </form>
  1289. </div>
  1290. </script>
  1292. <script type='text/template' id='account-humble-guard'>
  1293. <div class='generic-popup content'>
  1294. <h1><i class='hb-lock'></i>Verify This Browser</h1>
  1295. <h2 class='subtitle warning'>It looks like you are accessing your Humble Bundle account from an unfamiliar browser.
  1296. For your protection, we need to verify that this computer is yours. We've sent you an email
  1297. to the address attached to this account. <br /><br />
  1298. Enter the code from the email to proceed:</h2>
  1299. <form id='account-humble-guard-form' method='post' action='https://www.humblebundle.com/user/humbleguard' data-input-prefix='account-humble-guard-'>
  1300. <input name='goto' type='hidden' value=''>
  1301. <input name='qs' type='hidden' value=''>
  1302. <p class='input-holder'>
  1303. <label id='account-humble-guard-code-label' class='account-infield' for='account-humble-guard-code'></label>
  1304. <input name='code' type='text' value='' id='account-humble-guard-code' class='account-input'>
  1306. </p>
  1307. <p class='resend-email'>No code? <a class='js-resend' href='#'>Resend email</a></p>
  1308. <div class='input-holder'>
  1309. <div id='account-humble-guard-captcha'></div>
  1310. </div>
  1311. <div class='no-center'>
  1312. <div class='button-holder'>
  1313. <a class='button-link cancel js-cancel' href='#'><span class='gray-button'>Cancel</span></a>
  1314. <a class='button-link submit js-submit' href='#'><span class='green-button'>Verify</span></a>
  1315. </div>
  1316. </div>
  1317. </form>
  1318. </div>
  1319. </script>
  1321. <script type='text/template' id='account-authy'>
  1322. <div class='generic-popup content'>
  1323. <h1><span class='main-base-arrow js-loader'></span>Confirm Phone Link</h1>
  1324. <form id='account-login-form' method='post' action='https://www.humblebundle.com/user/confirm-authy' data-input-prefix='account-login-'>
  1325. <input type='hidden' class='csrftoken' name='_le_csrf_token' value='KLt6WVOT8RxV92Ac-1-1428438811' />
  1326. <p id='account-confirm-authy-token-holder' class='input-holder'>
  1327. <label id='account-login-authy-token-label' class='account-infield' for='account-login-authy-token'>Authy token</label>
  1328. <input name='authy-token' type='text' value='' id='account-login-authy-token' class='account-input' style='display: inline'>
  1329. <input name='submit-data' type='hidden' value=''>&nbsp; or
  1330. <a class='button-link submit js-submit gray-button' href='#' id='send-sms'>Send SMS</a>
  1331. </p>
  1332. <div class='no-center'>
  1333. <div class='button-holder'>
  1334. <a class='button-link cancel js-cancel' href='#'><span class='gray-button'>Cancel</span></a>
  1335. <a class='button-link submit js-submit' href='#'><span class='green-button'>Confirm</span></a>
  1336. </div>
  1337. </div>
  1338. </form>
  1339. </div>
  1340. </script>
  1343. <script>
  1344. /* v1.0.1 */(function(b){b.fn.mailcheck=function(a,b){var d="yahoo.com,google.com,hotmail.com,gmail.com,me.com,aol.com,mac.com,live.com,comcast.net,googlemail.com,msn.com,hotmail.co.uk,yahoo.co.uk,facebook.com,verizon.net,sbcglobal.net,att.net,gmx.com,mail.com".split(",");if("object"===typeof a&&void 0===b)a.domains=a.domains||d;else{var e=a,a=b;a.domains=e||d}(d=Kicksend.mailcheck.suggest(encodeURI(this.val()),a.domains))?a.suggested&&a.suggested(this,d):a.empty&&a.empty(this)}})(jQuery);
  1345. var Kicksend={mailcheck:{threshold:3,suggest:function(b,a){var b=b.toLowerCase(),c=this.splitEmail(b),d=this.findClosestDomain(c.domain,a);return d?{address:c.address,domain:d,full:c.address+"@"+d}:!1},findClosestDomain:function(b,a){for(var c,d=99,e=null,f=0;f<a.length;f++){if(b===a[f])return!1;c=this.stringDistance(b,a[f]);c<d&&(d=c,e=a[f])}return d<=this.threshold&&null!==e?e:!1},stringDistance:function(b,a){if(null==b||0===b.length)return null==a||0===a.length?0:a.length;if(null==a||0===a.length)return b.length;
  1346. for(var c=0,d=0,e=0,f=0;c+d<b.length&&c+e<a.length;){if(b[c+d]==a[c+e])f++;else for(var g=e=d=0;5>g;g++){if(c+g<b.length&&b[c+g]==a[c]){d=g;break}if(c+g<a.length&&b[c]==a[c+g]){e=g;break}}c++}return(b.length+a.length)/2-f},splitEmail:function(b){b=b.split("@");if(2>b.length)return!1;for(var a=0;a<b.length;a++)if(""===b[a])return!1;return{domain:b.pop(),address:b.join("@")}}}};
  1347. </script>
  1348. <script>
  1349. (function($) {
  1350. // XXX: LEGACY
  1351. $('body').on('click', '.grayout a.cancel, .grayout-inner', function(e){
  1352. // Clicking outside the dialog or clicking the cancel button should hide the dialog (but not clicking within the dialog)
  1353. if ($(this).hasClass('cancel') || $(this).hasClass('grayout-inner')) {
  1354. e.preventDefault();
  1355. if ($(this).data('goto')) {
  1356. window.location = $(this).data('goto');
  1357. }
  1358. $('.grayout, .arrow-error, .generic-popup.outer-shadow, .download-popup').fadeOut();
  1359. $('.generic-popup input[type="text"], .generic-popup input[type="password"]').val('').blur();
  1360. $('.generic-popup .account-infield').fadeIn();
  1361. }
  1362. });
  1365. var Accounts = {},
  1366. Modals = {},
  1367. modals,
  1368. BaseModal, BaseAccountModal,
  1369. AccountMessageModal, AccountLoginModal,
  1370. AccountSignUpModal, AccountPasswordResetModal,
  1371. AccountHumbleGuardModal;
  1373. /**
  1374. * Modals
  1375. */
  1376. BaseModal = Modals.BaseModal = Backbone.Modal.extend({
  1377. prefix: 'generic-bbm',
  1379. submitEl: '.js-submit',
  1380. cancelEl: '.js-cancel',
  1382. initialize: function (options) {
  1383. this.options = options || {};
  1384. },
  1386. onClose: function () {
  1387. var gotoHref = this.$('.js-cancel').data('goto');
  1388. if (gotoHref) {
  1389. window.location = gotoHref;
  1390. }
  1391. },
  1393. triggerSubmit: function(e) {
  1394. if (!e) {
  1395. return;
  1396. }
  1397. if (e != null) {
  1398. e.preventDefault();
  1399. }
  1400. if (this.beforeSubmit) {
  1401. if (this.beforeSubmit() === false) {
  1402. return;
  1403. }
  1404. }
  1406. if (typeof this.asyncSubmit === "function") {
  1407. return this.asyncSubmit(e);
  1408. }
  1410. if (typeof this.submit === "function") {
  1411. this.submit();
  1412. }
  1413. if (this.regionEnabled) {
  1414. return this.trigger('modal:close');
  1415. } else {
  1416. return this.close();
  1417. }
  1418. }
  1419. });
  1421. BaseAccountModal = Modals.BaseAccountModal = BaseModal.extend({
  1422. onRender: function () {
  1423. _.extend(this, {
  1424. $toSlideDown: this.$('.slide-down'),
  1425. $form: this.$("form")
  1426. });
  1428. this.$toSlideDown.css('display','none');
  1430. // Set next url
  1431. var gotoInput = this.$('input[name=goto]');
  1432. if (gotoInput && gotoInput.val() == '') {
  1433. if (this.options.gotoHref) gotoInput.val(this.options.gotoHref);
  1434. }
  1435. var that = this;
  1436. this.$('.js-show-2fa').click(function(e) {
  1437. e.preventDefault();
  1438. that._show_authy();
  1439. });
  1440. this.$form.keypress(function(e) { if (e.which == 13) e.preventDefault(); });
  1441. },
  1443. onRendered: function () {
  1444. var isIos = /(iPod|iPhone|iPad)/.test(navigator.userAgent);
  1445. if (isIos) {
  1446. this.$('input').focus(function (e) {
  1447. $(e.target).closest('.generic-bbm-wrapper').css('max-height', document.documentElement.clientHeight);
  1448. });
  1449. }
  1451. // Apply in-field labels
  1452. this.$('.account-infield').inFieldLabels({
  1453. fadeOpacity:0.6,
  1454. fadeDuration:250,
  1455. hideDuration:200
  1456. });
  1458. // Slide down areas
  1459. this.$toSlideDown.slideDown('fast');
  1461. // Focus when needed
  1462. this.$('.js-focus').focus();
  1464. //This works around an iOS bug where every time the DOM is updated,
  1465. //any active paste interactions get cancelled. Timers update the DOM every
  1466. //half second, making it impossible to paste a password in.
  1467. if(window.pause_timers){
  1468. window.pause_timers();
  1469. }
  1470. },
  1472. onClose: function() {
  1473. if(window.resume_timers){
  1474. window.resume_timers();
  1475. }
  1476. BaseModal.prototype.onClose.apply(this, arguments);
  1477. },
  1479. asyncSubmit: function (e) {
  1480. var view = this,
  1481. $form = this.$('form'),
  1482. url = $form.attr('action'),
  1483. data = $form.serialize();
  1485. view._show_loading_spinner();
  1486. view._hide_validation_errors();
  1488. if (e.target.id === 'send-sms') {
  1489. data += '&send_sms=1';
  1490. }
  1492. return $.ajax({
  1493. type: 'POST',
  1494. url: url,
  1495. data: data,
  1496. dataType:'json',
  1498. statusCode: {
  1499. 400: function (jqXHR, textStatus, errorThrown) {
  1500. var data = $.parseJSON(jqXHR.responseText);
  1502. // Wrong username/password combinations
  1503. // Wrong authy token
  1505. if (data.captcha_required) {
  1506. view._show_captcha();
  1507. } else {
  1508. view._refresh_captcha();
  1509. }
  1511. if ($form.closest('.generic-popup').length) {
  1512. view._show_validation_errors(data.errors);
  1513. } else if (data.errors) {
  1514. var errorStr = '';
  1516. for (var fieldName in data.errors) {
  1517. errorStr = data.errors[fieldName][0];
  1518. }
  1520. if (!errorStr) return;
  1522. view._show_response_message('Error', errorStr, data.goto);
  1523. view.close();
  1524. }
  1525. },
  1527. 401: function (jqXHR, textStatus, errorThrown) {
  1528. var data = $.parseJSON(jqXHR.responseText);
  1530. if (data.captcha_required) {
  1531. view._show_captcha();
  1532. } else {
  1533. view._refresh_captcha();
  1534. }
  1536. if (data.authy_required) {
  1537. view._show_authy();
  1538. }
  1540. view._show_validation_errors(data.errors);
  1541. },
  1543. 403: function (jqXHR, textStatus, errorThrown) {
  1544. var errorStr = 'An error occurred. Please try again later.',
  1545. goto;
  1547. if (jqXHR.responseText) {
  1548. var data = $.parseJSON(jqXHR.responseText);
  1549. goto = data.goto;
  1551. for (var fieldName in data.errors) {
  1552. errorStr = data.errors[fieldName][0];
  1553. }
  1554. }
  1556. view._show_response_message('Error', errorStr, goto);
  1557. view.close();
  1558. }
  1559. },
  1561. error: function(jqXHR, textStatus, errorThrown) {
  1562. view._hide_loading_spinner();
  1563. },
  1565. success: function(data, textStatus, jqXHR) {
  1567. if (data.sms_sent) {
  1568. $('#send-sms').text('Sent').addClass('disabled');
  1569. return;
  1570. }
  1572. if (view.onSubmitSuccess) {
  1573. view.onSubmitSuccess(data, textStatus, jqXHR);
  1574. return;
  1575. }
  1577. if (data.message) {
  1578. view._hide_loading_spinner();
  1579. view._hide_validation_errors();
  1580. view._show_response_message(data.message.title, data.message.body, data.goto);
  1581. view.close();
  1582. } else if (data.force_refresh) {
  1583. window.location.reload();
  1584. } else {
  1585. var oldLocation = window.location.pathname + window.location.search;
  1586. window.location = data.goto;
  1588. if (data.goto.split('#')[0] === oldLocation || data.goto.indexOf('#') === 0) {
  1589. window.location.reload();
  1590. }
  1591. }
  1592. }
  1593. });
  1594. },
  1596. _show_loading_spinner: function () {
  1597. var $arrow_image = this.$('form').closest('.generic-popup').find('.js-loader'),
  1598. $spinner_image = $arrow_image.next('.js-spinner');
  1599. if ($spinner_image.length == 0) {
  1600. $spinner_image = $('<img></img>');
  1601. $spinner_image.addClass('js-spinner');
  1602. $spinner_image.attr('height', 25);
  1603. $spinner_image.attr('src', Accounts.formSpinnerUrl);
  1604. $spinner_image.insertAfter($arrow_image);
  1605. }
  1606. $arrow_image.hide();
  1607. $spinner_image.show();
  1608. },
  1610. _hide_loading_spinner: function () {
  1611. var $arrow_image = this.$('form').closest('.generic-popup').find('.js-loader'),
  1612. $spinner_image = $arrow_image.next('.js-spinner');
  1613. $spinner_image.hide();
  1614. $arrow_image.show();
  1615. },
  1617. _manipulate_captcha: function (show_if_not_already_visible) {
  1618. var $form = this.$('form'),
  1619. captcha_id = getFieldId($form, 'captcha'),
  1620. $captcha = $('#' + captcha_id);
  1622. if (show_if_not_already_visible || this.captcha) {
  1623. if (this.captcha) {
  1624. this.captcha.reset();
  1625. } else {
  1626. this.captcha = new Recaptcha2(captcha_id);
  1627. }
  1628. }
  1629. },
  1631. _show_captcha: function () {
  1632. this._manipulate_captcha(true);
  1633. },
  1635. _refresh_captcha: function () {
  1636. this._manipulate_captcha(false);
  1637. },
  1639. _show_authy: function () {
  1640. var $authy = $('#account-login-authy-token-holder');
  1641. this.$('.js-show-2fa').hide();
  1642. if($authy.length) {
  1643. $authy.show();
  1644. $authy.find('#account-login-authy-token').focus();
  1645. }
  1646. },
  1648. _resend_humble_guard_code: function() {
  1649. var $text = $('.resend-email');
  1650. $text.html('Resending....');
  1651. $.ajax({
  1652. type: 'POST',
  1653. url: '/user/humbleguard?resend=1'
  1654. }).success(function() {
  1655. $text.html('Email resent');
  1656. }).error(function() {
  1657. $text.html('Too many emails sent. Please wait 24 hours and then try again')
  1658. });
  1659. },
  1661. _show_validation_errors: function (errors) {
  1662. var $form = this.$('form');
  1663. generateErrorList($form, errors);
  1664. },
  1666. _hide_validation_errors: function () {
  1667. $('.arrow-error').hide();
  1668. },
  1670. _show_response_message: function (title, body, gotoHref) {
  1671. Accounts.displayDialog(title, body, gotoHref);
  1672. }
  1673. });
  1675. AccountMessageModal = Modals.AccountMessageModal = BaseModal.extend({
  1676. template: _.template($('#account-message').html())
  1677. });
  1679. AccountLoginModal = Modals.AccountLoginModal = BaseAccountModal.extend({
  1680. template: _.template($('#account-login').html()),
  1682. events: {
  1683. 'click .js-send-sms': 'sendSms',
  1684. 'click .create-account': 'triggerCancel',
  1685. 'click .forgot-pw': 'triggerCancel'
  1686. },
  1688. onRendered: function () {
  1689. var view = this,
  1690. $form = this.$('form');
  1692. $.ajax({
  1693. type: 'POST',
  1694. url: $form.data('captcha-url'),
  1695. statusCode: {
  1696. 401: function () {
  1697. view._show_captcha();
  1698. }
  1699. }
  1700. });
  1702. // Call parent onRendered
  1703. BaseAccountModal.prototype.onRendered.call(this);
  1704. },
  1706. sendSms: function(e) {
  1707. e.preventDefault();
  1709. // Call the base-class's asyncSubmit because it currently handles the
  1710. // send SMS feature.
  1711. // This makes no sense at all and would be good to refactor in the future.
  1712. return BaseAccountModal.prototype.asyncSubmit.call(this, e);
  1713. },
  1715. asyncSubmit: function (e) {
  1716. var view = this;
  1718. view._show_loading_spinner();
  1719. view._hide_validation_errors();
  1721. // When the form is submitted, the resultant page will include a script
  1722. // tag that calls this callback. The name of this callback should match
  1723. // the value of the form's script-wrapper hidden field.
  1724. window.login_callback = function(data) {
  1725. view._hide_loading_spinner();
  1727. if (data.success) {
  1728. var old_location = window.location.pathname + window.location.search;
  1729. window.location = data.goto;
  1730. // Force reload if only hash changed.
  1731. if (data.goto.split('#')[0] === old_location || data.goto.indexOf('#') === 0) {
  1732. window.location.reload();
  1733. }
  1734. } else {
  1735. if (data.captcha_required) {
  1736. view._show_captcha();
  1737. } else {
  1738. view._refresh_captcha();
  1739. }
  1741. if (data.authy_required) {
  1742. view._show_authy();
  1743. }
  1745. view._show_validation_errors(data.errors);
  1746. }
  1747. }
  1749. this.$('form').submit();
  1750. }
  1751. });
  1753. AccountSignUpModal = Modals.AccountSignUpModal = BaseAccountModal.extend({
  1754. template: _.template($('#account-signup').html()),
  1756. onRendered: function () {
  1757. // Set up email validation
  1758. window.bindEmailField($('#account-signup-email'), function setEmailMessage($field, message){
  1759. var $form = $field.closest('form');
  1760. var field_name = $field.attr('name');
  1761. if(!message){
  1762. $('#account-signup-email-msg').fadeOut('fast');
  1763. return $('#account-signup-email-msg');
  1764. } else {
  1765. return setFormMessage($form, field_name, message);
  1766. }
  1767. });
  1769. // Call parent onRendered
  1770. BaseAccountModal.prototype.onRendered.call(this);
  1771. }
  1772. });
  1774. AccountPasswordResetModal = Modals.AccountPasswordResetModal = BaseAccountModal.extend({
  1775. template: _.template($('#account-pw-reset').html())
  1776. });
  1778. AccountHumbleGuardModal = Modals.AccountHumbleGuardModal = BaseAccountModal.extend({
  1779. template: _.template($('#account-humble-guard').html()),
  1781. events: {'click .js-resend': '_resend_humble_guard_code'
  1782. },
  1784. onSubmitSuccess: function(data) {
  1785. //Either call the callback or go to data.goto
  1786. if (this.options.onSuccess) {
  1787. this.options.onSuccess(this);
  1788. } else {
  1789. window.location = data.goto;
  1790. }
  1791. },
  1792. onClose: function () {
  1793. if (this.options.onClose){
  1794. this.options.onClose(this);
  1795. }
  1796. return false;
  1797. }
  1798. });
  1800. modals = {
  1801. '#account-message': AccountMessageModal,
  1802. '#account-login': AccountLoginModal,
  1803. '#account-pw-reset': AccountPasswordResetModal,
  1804. '#account-signup': AccountSignUpModal,
  1805. '#account-humble-guard': AccountHumbleGuardModal
  1806. };
  1808. /**
  1809. * onDomReady
  1810. */
  1811. $(document).ready(function() {
  1813. $(document).on('click', '.forgot-pw, .create-account, .account-login, .humble-guard', function(e) {
  1814. e.preventDefault();
  1815. var $self = $(this),
  1816. target = $self.data('targetPopup'),
  1817. gotoHref = $self.attr('href'),
  1818. modal,
  1819. rendered;
  1821. modal = new modals[target]({gotoHref: gotoHref});
  1822. rendered = modal.render().el;
  1826. if (!$self.data('skipSsl') && (window.location.protocol === 'http:') &&
  1827. ($(rendered).find('form').length > 0) && ($(rendered).find('form').attr('action').substr(0, 6) === 'https:')) {
  1828. var windowLocation = String(window.location);
  1829. windowLocation = windowLocation.replace('http:', 'https:');
  1830. var baseAndQuery = windowLocation.split('#')[0].split('?'),
  1831. base, query;
  1832. base = baseAndQuery[0];
  1833. query = baseAndQuery[1] || '';
  1834. if (query) query = '&' + query;
  1835. if ($self.data('sslHash')) {
  1836. gotoHref = gotoHref + '#' + $self.data('sslHash');
  1837. }
  1838. query = 'secure_target=' + encodeURIComponent(target) + '&secure_goto=' + encodeURIComponent(gotoHref) + query;
  1839. windowLocation = base + '?' + query;
  1840. window.location = windowLocation;
  1841. return;
  1842. }
  1845. $('#site-modal').html(rendered);
  1846. });
  1848. Accounts.formSpinnerUrl = 'https://humblebundle-a.akamaihd.net/static/hashed/26faf55c6e36ba3b1a57f9001942059fe05050f2.gif';
  1850. $('.generic-popup').delegate('.error-holder .error-item', 'click', function(e) {
  1851. e.preventDefault();
  1852. $($(this).attr('href')).focus();
  1853. });
  1855. }); // END jQuery.ready
  1857. /**
  1858. * Functions
  1859. */
  1860. function isValidUsername(username) {
  1861. return /^[a-zA-Z][a-zA-Z0-9-_]*$/.test(username);
  1862. }
  1864. function getFieldId($form, field) {
  1865. return ($form.data('inputPrefix') || $form.attr('id') || 'id_') + field;
  1866. }
  1868. function setFormMessage($form, field, contents) {
  1869. var fieldId = getFieldId($form, field);
  1871. var msgFieldId = fieldId + '-msg';
  1872. var $field = $('#' + fieldId);
  1873. var $msgField = $('#' + msgFieldId);
  1874. if ($msgField.length > 0) {
  1875. $msgField.html(contents + '<div class="arrow-error-right"></div>');
  1876. } else {
  1877. $field.closest('.input-holder').append('<div class="arrow-holder"><div class="arrow-error" id="' + msgFieldId + '">' + contents + '<div class="arrow-error-right"></div></div></div>');
  1878. $msgField = $('#' + msgFieldId);
  1879. }
  1880. var top = $field.position().top;
  1881. $msgField.css({'top': top + 'px'});
  1882. $msgField.fadeIn();
  1883. return $msgField;
  1884. }
  1886. function setFormMessages($form, data) {
  1887. $('.arrow-error').fadeOut('fast');
  1888. if (typeof data === 'string') {
  1889. if(console) console.log('Received string, expected dict for form ' + $form.attr('id') + ' (' + $form.attr('action') + '), data: ' + data);
  1890. if(console) console.log($form);
  1891. }
  1892. for (var fieldName in data) {
  1893. setFormMessage($form, fieldName, data[fieldName][0]);
  1894. }
  1895. }
  1897. function generateErrorList($form, data) {
  1898. if (!data) return null;
  1899. setFormMessages($form, data);
  1900. }
  1902. Accounts.displayDialog = function (title, message, gotoHref) {
  1903. var model = new Backbone.Model({title: title, message: message, gotoHref: (gotoHref || '')}),
  1904. dialog = new AccountMessageModal({model: model});
  1906. $('#site-modal').html(dialog.render().el);
  1907. };
  1909. /**
  1910. * Exports
  1911. */
  1912. window.Accounts = Accounts;
  1913. window.generateErrorList = generateErrorList;
  1914. window.app.Modals = Modals;
  1916. })(jQuery);
  1920. (function () {
  1923. if (window.location.search.indexOf('?secure_target=') < 0) {
  1924. return;
  1925. }
  1927. if (window.location.protocol.indexOf('https:') < 0) {
  1928. return;
  1929. }
  1931. if ($('#topright .account-login').length === 0) {
  1932. return;
  1933. }
  1934. var secureTarget = window.location.search.split('&')[0],
  1935. secureGoto, subSecureGoto, query;
  1936. subSecureGoto = secureTarget.length;
  1937. secureTarget = secureTarget.substr(secureTarget.indexOf('=') + 1);
  1938. secureTarget = decodeURIComponent(secureTarget);
  1939. try {
  1940. var $target = $(secureTarget);
  1941. } catch (e) {
  1942. return;
  1943. }
  1945. if (!$target.length) {
  1946. return;
  1947. }
  1948. query = window.location.search.substr(subSecureGoto);
  1949. if (query.indexOf('&secure_goto=') >= 0) {
  1950. secureGoto = query.substr(1).split('&')[0];
  1951. secureGoto = secureGoto.substr(secureGoto.indexOf('=') + 1);
  1952. secureGoto = decodeURIComponent(secureGoto);
  1953. }
  1955. var modal = new modals[secureTarget]({gotoHref: secureGoto});
  1956. $('#site-modal').html(modal.render().el);
  1957. })();
  1958. </script>
  1960. <!-- scripts-typewatch & analytics -->
  1961. <script>
  1962. /*
  1963. * TypeWatch 2.0 - Original by Denny Ferrassoli / Refactored by Charles Christolini
  1964. *
  1965. * Examples/Docs: www.dennydotnet.com
  1966. *
  1967. * Copyright(c) 2007 Denny Ferrassoli - DennyDotNet.com
  1968. * Coprright(c) 2008 Charles Christolini - BinaryPie.com
  1969. *
  1970. * Dual licensed under the MIT and GPL licenses:
  1971. * http://www.opensource.org/licenses/mit-license.php
  1972. * http://www.gnu.org/licenses/gpl.html
  1973. */
  1975. (function(jQuery) {
  1976. jQuery.fn.typeWatch = function(o) {
  1977. // Options
  1978. var options = jQuery.extend({
  1979. wait : 750,
  1980. callback : function() {
  1981. },
  1982. highlight : true,
  1983. captureLength : 2
  1984. }, o);
  1986. function checkElement(timer, override) {
  1987. var elTxt = jQuery(timer.el).val();
  1989. // Fire if text > options.captureLength AND text != saved txt OR if override AND text > options.captureLength
  1990. if ((elTxt.length > options.captureLength && elTxt.toUpperCase() != timer.text)
  1991. || (override && elTxt.length > options.captureLength)) {
  1992. timer.text = elTxt.toUpperCase();
  1993. timer.cb(elTxt);
  1994. }
  1995. };
  1997. function watchElement(elem) {
  1998. // Must be text or textarea
  1999. if (elem.type.toUpperCase() == "TEXT" || elem.nodeName.toUpperCase() == "TEXTAREA") {
  2001. // Allocate timer element
  2002. var timer = {
  2003. timer : null,
  2004. text : jQuery(elem).val().toUpperCase(),
  2005. cb : options.callback,
  2006. el : elem,
  2007. wait : options.wait
  2008. };
  2010. // Set focus action (highlight)
  2011. if (options.highlight) {
  2012. jQuery(elem).focus(
  2013. function() {
  2014. this.select();
  2015. });
  2016. }
  2018. // Key watcher / clear and reset the timer
  2019. var startWatch = function(evt) {
  2020. var timerWait = timer.wait;
  2021. var overrideBool = false;
  2023. if (evt.keyCode == 13 && this.type.toUpperCase() == "TEXT") {
  2024. timerWait = 1;
  2025. overrideBool = true;
  2026. }
  2028. var timerCallbackFx = function() {
  2029. checkElement(timer, overrideBool)
  2030. }
  2032. // Clear timer
  2033. clearTimeout(timer.timer);
  2034. timer.timer = setTimeout(timerCallbackFx, timerWait);
  2036. };
  2038. jQuery(elem).keydown(startWatch);
  2039. // HTML5 adds an "input" event which is a more reliable way of telling
  2040. // when the field has changed -- it fires for things like browser
  2041. // autofill (where there is no keydown event). For browsers that support
  2042. // it, we bind startWatch to fire here too.
  2043. jQuery(elem).bind('input', startWatch);
  2044. }
  2045. }
  2047. ;
  2049. // Watch Each Element
  2050. return this.each(function(index) {
  2051. watchElement(this);
  2052. });
  2054. };
  2056. })(jQuery);
  2057. </script>
  2058. <script>
  2059. var runanalytics = function() {
  2060. var analyze = function(id) {
  2061. if (!id) return;
  2062. var storage = getLocalStorage();
  2063. var previds = storage.getItem('hbprevids') || '';
  2064. if (previds.match(id)) return;
  2066. $.post('/analytics', {'id':id}, function(data) {
  2067. if (data.complete) {
  2068. storage.setItem('hbprevids', previds + ',' + id);
  2069. }
  2071. if (!data.uid) {
  2072. return;
  2073. }
  2075. ga('ecommerce:addTransaction', {
  2076. id: data.uid,
  2077. revenue: data.amount
  2078. });
  2080. for (var i = 0; i < data.items.length; i++) {
  2081. var item = data.items[i];
  2082. ga('ecommerce:addItem', {
  2083. id: data.uid,
  2084. name: item.kind,
  2085. sku: data.bundle,
  2086. category: item.kind,
  2087. price: item.amount,
  2088. quantity: '1'
  2089. });
  2090. }
  2092. ga('ecommerce:send');
  2093. },'json');
  2094. };
  2098. analyze($.cookie('hbuid'));
  2100. };
  2101. runanalytics();
  2103. </script>
  2104. <!-- /scripts-typewatch & analytics -->
  2105. <!-- scripts-amazon-hp -->
  2106. <script></script>
  2107. <!-- /scripts-amazon-hp -->
  2108. <!-- scripts-payments & social-widgets -->
  2109. <script>
  2110. $(window).ready(function() {
  2111. //
  2112. var urls = [
  2113. 'https://connect.facebook.net/en_US/all.js',
  2114. 'https://apis.google.com/js/platform.js',
  2115. 'https://platform.twitter.com/widgets.js'
  2116. ];
  2117. _(urls).each(function(url) {
  2118. async_js(url);
  2119. });
  2120. });
  2121. </script>
  2122. <!-- /scripts-payments & social-widgets -->
  2124. <!-- scripts-print -->
  2125. <script>
  2128. </script>
  2129. <!-- /scripts-print -->
  2130. <!-- footerscript -->
  2131. <script>
  2134. </script>
  2135. <!-- /footerscript -->
  2137. <!-- scripts-required -->
  2139. <script>
  2141. var activePlatform = "windows";
  2142. var gamekeys = ["225nxBFefzPb", "26ZarHtqFzBxEBnm", "2nAehXhEV5c2", "2nBAVtA2GwvD5dKm", "2wEYr8VsSr4vxRes", "36WeMpABPce2", "3dqCBEDt6eYaEnPr", "3qu44r3UBErD", "3vY7W8SPaGEY", "56uny6mya8ncGs2Y", "5c7DGy7WqETMdcy6", "5h2WDwkBauvtfupz", "656EbvSGErqXTy4w", "66rPhwmxAAvz5MNS", "6uKYmRNFcxYf", "6vYtqaDecHG8cqSt", "7mkP46FFkRUSCtPm", "83feGK5VRhHprPtS", "ACU6qeXUWWmYe3qE", "APA8fZqYEWkV", "ApkfEMKU8xawkG7N", "BEG8E4UWFNF6", "BFaR4qMCtzEh", "BN6wvV2vxbTd", "BYnuArdNKprr", "BfY52XKmMEnPZaFm", "CDcWy5nsSMyhhMDR", "CHpweqVmprq2", "CbBSEn6aaYVr8G43", "CvaaD8VCaMn6HP4s", "D4xdeKwFRzrF", "DqrNYpz7qFB3V5aV", "EsdEEmVKdUzF", "EtsrzBrHxYbbK2dE", "GKFA2wh6PeYP", "GXX58ketTqk2vErY", "GchPkGSHbUSP", "HfuRq7tcxEGT", "HzKuv7s3EhBaXu4Y", "K4W3s8qF8KPTsahr", "MHBykxNhS2DSzGdY", "NMuCYHSbPx4HBBuk", "NsN68fWpUhDKesKv", "R47HrczWnXzh3GNy", "R8AzGqbP7V6TrYcM", "S3E4uXrrxwGHXCAS", "T8WdSEzFUM2y", "TxqBvEtzRDfA", "U6WEuX5r6ecs", "UXE77Ru54mDV", "UrN8cBYCwKYs3wNU", "V7hU6Uq8CzakwVDX", "VEzqeTCffyER", "VuxWfb56uqa7", "W2ZsXFusSzp4", "WdXwrfCNprND", "XAYddXwprPuK", "XGamknB6t64hbMMA", "XKw78vYUYn2RRcaN", "ZfRMmXErMKcHUZGp", "aCCKfvTUcynAZ3VS", "bBk4dd2tNspRDXVN", "bhE8nrvXdmcCqPqS", "bhP5zkWGkXPuS6TB", "cAYqqpp3BYutYdvN", "cedF3qVURPRP8SaV", "d8zpxyneKaHm", "dBZYdwMRE8yrGuTE", "duSEesFHbsXD4Pas", "eSGD6KxTstPEkhfY", "eZV66p575cCGCpyA", "fCW24K8kSMK4", "fDyhqMznRmstxkkV", "fSycnR3XNAfv", "fTYNeqmzfCSK", "fvMyVvPEHrSnNhbH", "hAedbAwmCdd4", "mRnxmhCGryMMc7dN", "meyARFa3hshK", "mmM482TNS5ek", "nSeHyNWtmsEC8H4f", "nszFnWEMyMeXMHGa", "ntNNdA4YErCy3yw6", "pn6DxKUCGT7a", "puAUTcBREckG", "q5qrDpGqPaSq", "q77buRWvVun6vSnv", "qeyawX8NqeetdmrU", "qftGh5qpwXZbkRyZ", "qxNwmAD2TtAy", "rpqAMAND38wa", "sEKqZ5FBDweF", "sqqEYEfttEAU", "stDkNf5eBtepnV7D", "tbdaWRCARzCvanft", "uvYa6DbVaTZh4RPR", "v3bG64HHYvKs", "vRENpmB6vcGYkkBw", "vYAyNpwfRVkvaswK", "wAcuddN7ymqc", "wBSZNPNbKEfD", "wtFyneBvrvvpcMhK", "xHw45D8KWDUNF7tp", "xYZdfytDk2exCbR2", "yq45eHtR6PWz", "zYGEwUcTuTckrSww", "zqfePkfsCd3D", "ztuTAC5ebc267cp5", "zyhnYW65Zu3w"];
  2143. var hasAdmin = false;
  2145. require([
  2146. 'downloadPages/userHome/main'], function (
  2147. initHomeRouter
  2148. ) {
  2149. initHomeRouter(gamekeys, activePlatform, hasAdmin);
  2150. });
  2151. var flash = $('#flash');
  2153. function show_flash(message){
  2154. flash.text(message)
  2155. flash.show();
  2157. setTimeout(function() {
  2158. flash.fadeOut();
  2159. },5000);
  2160. }
  2162. function set_flash(message) {
  2163. $.cookie('hbflash', message, {path: '/'});
  2164. }
  2166. $(function(){
  2167. function show_flash(message){
  2168. flash.text(message)
  2169. flash.show();
  2171. setTimeout(function() {
  2172. flash.fadeOut();
  2173. },5000);
  2174. }
  2176. var flashmessage = $.cookie('hbflash');
  2177. if (flashmessage == 'None') {
  2178. flashmessage = '';
  2179. }
  2181. if (flashmessage) {
  2182. show_flash(flashmessage);
  2183. $.cookie('hbflash', 'None', {path: '/'});
  2184. }
  2186. flash.click(function(){
  2187. flash.fadeOut();
  2188. });
  2189. });
  2190. (function() {
  2191. var Dropdown = (function() {
  2192. // Model: Setup
  2193. function Dropdown(options) {
  2194. this.el = {
  2195. toggle: document.querySelector(options.toggleTag),
  2196. container: document.querySelector(options.containerTag)
  2197. };
  2199. this.events = {
  2200. toggleClick: (function(_this) {
  2201. return function(event) {
  2202. event.stopPropagation();
  2203. event.preventDefault();
  2204. _this.toggleState();
  2205. _this.render();
  2206. if (_this.visible) {
  2207. return _this.bindToDocument();
  2208. } else {
  2209. return _this.unbindToDocument();
  2210. }
  2211. };
  2212. })(this),
  2213. hide: (function(_this) {
  2214. return function(event) {
  2215. _this.visible = false;
  2216. _this.render();
  2217. return _this.unbindToDocument();
  2218. };
  2219. })(this)
  2220. };
  2222. if (_.has(options, 'visible')) {
  2223. this.visible = options.visible;
  2224. } else {
  2225. this.visible = true;
  2226. }
  2227. if (options.hiddenClass) {
  2228. this.hiddenClass = options.hiddenClass;
  2229. } else {
  2230. this.hiddenClass = 'is-hidden';
  2231. }
  2232. this.validateOptions().bind().render();
  2233. }
  2235. Dropdown.prototype.validateOptions = function() {
  2236. var messages;
  2237. messages = {
  2238. toggleNotFound: "Toggle element not found",
  2239. containerNotFound: "Container element not found"
  2240. };
  2241. if (!this.el.toggle) {
  2242. throw new Error(messages.toggleNotFound);
  2243. }
  2244. if (!this.el.container) {
  2245. throw new Error(messages.containerNotFound);
  2246. }
  2247. return this;
  2248. };
  2250. Dropdown.prototype.remove = function() {
  2251. this.unbind();
  2252. delete this.el;
  2253. delete this.events;
  2254. return this;
  2255. };
  2258. // Ctrl: Event handling
  2259. Dropdown.prototype.bind = function() {
  2260. this.el.toggle.addEventListener('click', this.events.toggleClick);
  2261. return this;
  2262. };
  2264. Dropdown.prototype.unbind = function() {
  2265. this.el.toggle.removeEventListener('click', this.events.toggleClick, false);
  2266. return this;
  2267. };
  2269. Dropdown.prototype.bindToDocument = function() {
  2270. document.addEventListener('click', this.events.hide);
  2271. return this;
  2272. };
  2274. Dropdown.prototype.unbindToDocument = function() {
  2275. document.removeEventListener('click', this.events.hide, false);
  2276. return this;
  2277. };
  2279. // Ctrl: State handling
  2280. Dropdown.prototype.toggleState = function() {
  2281. this.visible = !this.visible;
  2282. return this;
  2283. };
  2286. // View: DOM manipulation
  2287. Dropdown.prototype.render = function() {
  2288. if (this.visible) {
  2289. this.$show();
  2290. } else {
  2291. this.$hide();
  2292. }
  2293. return this;
  2294. };
  2296. Dropdown.prototype.$hide = function() {
  2297. if (!_.contains(this.el.container.classList, this.hiddenClass)) {
  2298. this.el.container.classList.add(this.hiddenClass);
  2299. }
  2300. return this;
  2301. };
  2303. Dropdown.prototype.$show = function() {
  2304. if (_.contains(this.el.container.classList, this.hiddenClass)) {
  2305. this.el.container.classList.remove(this.hiddenClass);
  2306. }
  2307. return this;
  2308. };
  2310. return Dropdown;
  2312. })();
  2314. if (document.querySelector(".navbar-item-dropdown-toggle")) {
  2315. var d = new Dropdown({
  2316. toggleTag: ".navbar-item-dropdown-toggle",
  2317. containerTag: ".navbar-item-dropdown-container",
  2318. fadeTime: 200,
  2319. visible: false
  2320. });
  2321. d.render();
  2322. }
  2324. }).call(this);
  2325. var MAILCHECK_DOMAINS = ['gmail.com', 'hotmail.com', 'yahoo.com', 'hotmail.co.uk', 'googlemail.com', 'gmx.de', 'live.com', 'live.ca', 'web.de', 'aol.com', 'msn.com', 'comcast.net', 'me.com', 'gmx.net', 'hotmail.fr', 'mail.ru', 'yahoo.co.uk', 'live.co.uk', 'yandex.ru', 'mac.com', 'yahoo.de', 'yahoo.fr'];
  2329. function isValidEmail(e) {
  2330. return (e != '') && /.+@.+\..+/.test(e);
  2331. }
  2333. function live_email_check($field, setEmailMessage) {
  2334. var emailValid = false;
  2335. $field.mailcheck({
  2336. domains: MAILCHECK_DOMAINS,
  2337. suggested: function($input, suggestion) {
  2338. // set the error text to the suggested correction
  2339. var message = 'Did you mean <a href="#" class="suggested-email" data-email="' + suggestion['full'] + '">' + suggestion['address'] + '@<strong>' + suggestion['domain'] + '</strong></a>?'
  2340. var $msgField = setEmailMessage($field, message);
  2341. $msgField.find('.suggested-email').click(function(e) {
  2342. e.preventDefault();
  2343. $input.val($(this).data('email'));
  2344. live_email_check($field, setEmailMessage, false);
  2345. });
  2346. emailValid = true;
  2347. },
  2348. empty: function($input) {
  2349. // no suggested domain correction, check if the email address looks valid
  2350. var email = $input.val();
  2351. emailValid = isValidEmail(email);
  2352. if (emailValid) {
  2353. setEmailMessage($field, false);
  2354. } else {
  2355. setEmailMessage($field, 'Email address is not valid', true);
  2356. }
  2357. }
  2358. });
  2359. return emailValid;
  2360. }
  2361. // this method will set up email "validation" and error correction.
  2362. // Parameters:
  2363. // $field is the input field to bind to
  2364. // setEmailMessage is a function that takes the input field the error is related to and a message to set.
  2365. // It sets the message then returns the error holder.
  2366. function bindEmailField($field, setEmailMessage){
  2367. function bound_live_email_check () {
  2368. live_email_check($field, setEmailMessage);
  2369. }
  2370. $field.typeWatch({
  2371. callback: bound_live_email_check,
  2372. captureLength: -1,
  2373. highlight: false,
  2374. wait: 500
  2375. });
  2376. }
  2377. </script>
  2378. <!-- /scripts-required -->
  2382. </div> <!-- /.page-wrap -->
  2385. <!--[if lte IE 9]><style>/* THIS IS AN AUTO-GENERATED FILE */
  2386. .site-footer-col, .site-footer-cols, .site-footer-social-widget-list { display: inline-block; }
  2387. .site-footer-col section, .site-footer-cols section, .site-footer-social-widget-list section, .site-footer-col div, .site-footer-cols div, .site-footer-social-widget-list div, .site-footer-col .site-footer-social-widget-list-item, .site-footer-cols .site-footer-social-widget-list-item, .site-footer-social-widget-list .site-footer-social-widget-list-item { display: inline-block; }
  2389. .site-footer { text-align: center; }</style><![endif]-->
  2391. <footer class="site-footer-container">
  2392. <div class="site-footer">
  2393. <nav class="site-footer-cols">
  2394. <div class="site-footer-col-links">
  2395. <section>
  2396. <ul class="site-footer-list">
  2397. <li class="site-footer-list-item">
  2398. <a href="http://blog.humblebundle.com" target="_blank">
  2399. Blog
  2400. </a>
  2401. </li>
  2402. <li class="site-footer-list-item">
  2403. <a href="/developer" target="_blank">
  2404. Developer
  2405. </a>
  2406. </li>
  2407. <li class="site-footer-list-item">
  2408. <a href="https://jobs.humblebundle.com" target="_blank">
  2409. Careers
  2410. </a>
  2411. </li>
  2412. </ul>
  2413. </section>
  2415. <section>
  2416. <ul class="site-footer-list">
  2417. <li class="site-footer-list-item">
  2418. <a href="/terms" target="_blank">
  2419. Terms of Service
  2420. </a>
  2421. </li>
  2422. <li class="site-footer-list-item">
  2423. <a href="/privacy" target="_blank">
  2424. Privacy Policy
  2425. </a>
  2426. </li>
  2427. </ul>
  2428. </section>
  2430. <section>
  2431. <ul class="site-footer-list">
  2432. <li class="site-footer-list-item">
  2433. <a href="/resender" target="_blank">
  2434. <i class="hb-key"></i>
  2435. Order Resender
  2436. </a>
  2437. </li>
  2438. <li class="site-footer-list-item">
  2439. <a href="https://support.humblebundle.com" target="_blank">
  2440. <i class="hb-support"></i>
  2441. Support
  2442. </a>
  2443. </li>
  2444. </ul>
  2445. </section>
  2446. </div>
  2449. <div class="site-footer-col">
  2450. <ul class="site-footer-social-widget-list">
  2451. <li class="site-footer-social-widget-list-item">
  2452. <h3 class="site-footer-list-item-header">Facebook</h3>
  2453. <div class="site-footer-facebook-widget">
  2454. <div id="fb-root"></div>
  2455. <fb:like href="https://www.facebook.com/humblebundle" send="false" layout="button_count" width="90" show_faces="false" font="arial"></fb:like>
  2456. </div>
  2457. </li>
  2458. <li class="site-footer-social-widget-list-item">
  2459. <h3 class="site-footer-list-item-header">Twitter</h3>
  2460. <div class="site-footer-twitter-widget">
  2461. <a href="https://twitter.com/humble" class="twitter-follow-button"
  2462. data-show-count="true" data-show-screen-name="false"
  2463. data-width="150px">Follow</a>
  2464. </div>
  2465. </li>
  2466. <li class="site-footer-social-widget-list-item">
  2467. <h3 class="site-footer-list-item-header">Google+</h3>
  2468. <div class="site-footer-gplus-widget">
  2469. <div class="g-follow" data-annotation="bubble" data-height="20" data-href="https://plus.google.com/+HumbleBundle" data-rel="author"></div>
  2470. </div>
  2471. </li>
  2472. </ul>
  2473. </div>
  2475. </nav>
  2476. </div>
  2477. </footer><!-- /.site-footer -->
  2480. <!-- templates -->
  2482. <!-- /templates -->
  2484. </body>
  2485. </html>
comments powered by Disqus