Basic port of content for bedrock 404 page (Bug 738738)

media/css/404.less

@@ -0,0 +1,16 @@
+@import "sandstone/variables.less";
+@import "sandstone/mixins.less";
+
+#main-feature {
+    .download-button-small {
+        position: absolute;
+        top: 0;
+        right: 48px;
+    }
+    p,
+    ul {
+        .span(5);
+        margin-left: 0;
+        clear: left;
+    }
+}

settings/base.py

@@ -139,6 +139,9 @@ MINIFY_BUNDLES = {
             'css/landing/devices.less',
             'css/firefox/template.less'
         ),
+        '404': (
+            'css/404.less'
+        ),
     },
     'js': {
         'site': (

templates/404.html

@@ -1,8 +1,18 @@
 {% extends "base.html" %}
 
+{% block page_title_prefix %}{% endblock %}
+{% block page_title %}404: Page Not Found{% endblock %}
+
 {% block content %}
-<div id="main-content">
+<div id="main-feature">
+  {{ download_button('download', 'small') }}
   <h1>Whoops!</h1>
-  We apologize, but this page cannot be found.
+  <p>Did you make a left at that last URL instead of a right? No problem. here are some tips to get you back on your way:</p>
+  <ul>
+    <li>If you typed in the address, check your spelling. Could just be a typo.</li>
+    <li>If you followed a link, it’s probably broken. Please <a href="{{ php_url('/about/contact/') }}">contact us</a> and we’ll fix it.</li>
+    <li>If you’re not sure what you’re looking for, start at <a href="{{ url('mozorg.home') }}">mozilla.org</a>.
+</li>
+  </ul>
 </div>
 {% endblock %}