CINXE.COM
Page Not Found (404) - Trakt
<!DOCTYPE html> <html> <head> <title>Page Not Found (404) - Trakt</title> <style> @import url(https://fonts.googleapis.com/css?family=Varela+Round); @import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css); body { background-color: #000; color: #fff; margin: 0; padding: 0; } * { box-sizing: border-box; font-family: "Varela Round", "Helvetica Neue", Helvetica, Arial, sans-serif; } #base { width: 100%; height: 100%; position: absolute; z-index: -1; background-image: url('//walter-r2.trakt.tv/errors/game-of-thrones3.jpg'); background-size: cover; background-position: center center; } #top-half, #bottom-half { position: absolute; left: 0; top: 0; width: 100%; height: 50%; text-align: center; background-color: rgba(0, 0, 0, .5); } .outer { width: 90%; margin: 0 5%; position: absolute; } .inner { width: 700px; max-width: 100%; display: inline-block; } #top-half .outer { bottom: 0; } #bottom-half { top: 50%; } #bottom-half .inner { border-top: solid 1px #666; } a { color: #ee2624; text-decoration: none; font-weight: 600; } h1, h2, h3 { font-weight: normal; margin: 0; padding: 0; text-shadow: 0 0 20px black; } h1, h2 { font-family: "Georgia"; font-style: italic; font-size: 120px; } h2 { font-size: 30px; margin: 20px 0 30px 0; } h3 { margin: 30px 0; font-size: 16px; line-height: 1.4; } #search-form { position: relative; } #search-form #query { width: 100%; font-size: 18px; padding: 15px 50px 15px 15px; border: none; margin-bottom: 30px; } #search-form .fa, #search-form [class^="fa-"], #search-form [class*=" fa-"] { position: absolute; right: 12px; top: 12px; font-size: 26px; color: #999; } #logo { width: 65px; height: 65px; } .balance-text { text-wrap: balanced; } #status-page { position: absolute; bottom: 30px; text-align: center; width: 100%; } #status-page a { color: #fff; font-size: 14px; text-decoration: none; line-height: 20px; border: solid 1px #ed1c24; color: #ed1c24; font-family: Arial, sans-serif; padding: 8px 18px; font-weight: bold; display: inline-block; border-radius: 6px; background-color: rgba(0,0,0,1); transition: all .5s; } #status-page a .fa, [class^="fa-"], [class*=" fa-"] { margin-left: 10px; } #status-page a:hover { background-color: #ed1c24; color: #fff; } </style> </head> <body> <div id="base"></div> <div id="top-half"> <div class="outer"> <div class="inner"> <h1>404</h1> <h2 class="balance-text">"Come, my lord, you are a long way<br>from home and winter is coming."</h2> </div> </div> </div> <div id="bottom-half"> <div class="outer"> <div class="inner"> <h3 class="balance-text">You've wandered beyond the seven kingdoms.<br>Let us help you get back to Winterfell.</h3> <form id="search-form" action="/search" method="get"> <input id="query" name="query" type="text" placeholder="Search for Game of Thrones, Black Panther, or Breaking Bad..."> <i class="fa fa-search"></i> </form> <a href="/"><img id="logo" src="//walter-r2.trakt.tv/errors/logomark.square.gradient.svg"></a> </div> </div> </div> <script src="//cdnjs.cloudflare.com/ajax/libs/balance-text/3.3.0/balancetext.min.js"></script> <script>balanceText()</script> <script>document.getElementById('query').focus()</script> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'92cd5917b9619daa',t:'MTc0NDA2ODk5Ni4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body> </html>