diff --git a/404.html b/404.html
new file mode 100644
index 0000000000..e3bff09eca
--- /dev/null
+++ b/404.html
@@ -0,0 +1,7 @@
+
+<%inherit file="main.html" />
+
+
+ Page not found
+ The page that you were looking for was not found. Go back to the homepage or let us know about any pages that may have been moved at mailto:.
+
diff --git a/sass/_layout.scss b/sass/_layout.scss
index f4fb52effe..2614e3b56c 100644
--- a/sass/_layout.scss
+++ b/sass/_layout.scss
@@ -6,13 +6,13 @@ html {
font: $body-font-size $body-font-family;
text-align: center;
margin: 0;
- background: #f3f3f3;
+ background: #f6f6f6;
div.header-wrapper {
// @include linear-gradient(lighten($mit-red, 5%), darken($mit-red, 5%));
- @include box-shadow(inset 0 1px 0 lighten($mit-red, 10%), 0 1px 1px #ccc);
+ @include box-shadow(inset 0 -1px 2px darken($mit-red, 10%));
background: $mit-red;
- border-bottom: 1px solid darken($mit-red, 10%);
+ border-bottom: 1px solid #fff;
header {
@extend .clearfix;
@@ -43,9 +43,10 @@ html {
h2 {
float: left;
- margin: 0;
- padding: 19px 15px 12px 0;
+ margin: 0 lh() 0 0;
+ padding: 19px lh() 12px 0;
line-height: lh();
+ border-right: 1px solid darken($mit-red, 5%);
a {
color: #fff;
@@ -87,11 +88,16 @@ html {
section.main-content {
@extend .clearfix;
@extend .wrapper;
- @include box-shadow(0 1px 0 #fff);
+ @include box-shadow(0 0 4px #ddd);
@include box-sizing(border-box);
background: #fff;
- border: 1px solid #ccc;
- border-top: 0;
+ border-bottom: 1px solid #bbb;
+
+ @media screen and (min-width: 1400px) {
+ margin-top: lh(.5);
+ @include border-radius(3px);
+ border: 1px solid #bbb;
+ }
}
img {
diff --git a/server_down.html b/server_down.html
new file mode 100644
index 0000000000..b89fa3ed05
--- /dev/null
+++ b/server_down.html
@@ -0,0 +1,7 @@
+
+<%inherit file="main.html" />
+
+
+ Currently the MITx servers are down
+ Our staff is currently working to get the site back up as soon as possible. Please email us at mailto: to report any problems or downtime.
+