diff --git a/main.html b/main.html
index 44f4229594..76a035c449 100644
--- a/main.html
+++ b/main.html
@@ -5,7 +5,6 @@
-
diff --git a/sass/base/_extends.scss b/sass/base/_extends.scss
index 2469315630..985365736d 100644
--- a/sass/base/_extends.scss
+++ b/sass/base/_extends.scss
@@ -53,6 +53,10 @@ h1.top-header {
padding: lh();
vertical-align: top;
width: flex-grid(9) + flex-gutter();
+
+ @media print {
+ @include box-shadow(none);
+ }
}
.sidebar {
@@ -80,6 +84,10 @@ h1.top-header {
border-bottom: 1px solid #d3d3d3;
}
+ @media print {
+ display: none;
+ }
+
h3 {
border: none;
border-bottom: 1px solid #d3d3d3;
@@ -165,6 +173,10 @@ h1.top-header {
margin: (-$body-line-height) (-$body-line-height) $body-line-height;
text-shadow: 0 1px 0 #fff;
+ @media print {
+ display: none;
+ }
+
a {
color: darken(#F6EFD4, 80%);
diff --git a/sass/courseware/_courseware.scss b/sass/courseware/_courseware.scss
index 13d58a3870..f408f3cbb0 100644
--- a/sass/courseware/_courseware.scss
+++ b/sass/courseware/_courseware.scss
@@ -46,6 +46,12 @@ div.course-wrapper {
width: auto;
border-right: 0;
}
+
+ @media print {
+ display: block;
+ width: auto;
+ border-right: 0;
+ }
}
section.problem {
@@ -59,6 +65,16 @@ div.course-wrapper {
padding: 0;
}
+ @media print {
+ display: block;
+ width: auto;
+ padding: 0;
+
+ canvas, img {
+ page-break-inside: avoid;
+ }
+ }
+
span {
&.unanswered, &.ui-icon-bullet {
@include inline-block();
diff --git a/sass/layout/_footer.scss b/sass/layout/_footer.scss
index 97c28d5fd8..5edcb630b8 100644
--- a/sass/layout/_footer.scss
+++ b/sass/layout/_footer.scss
@@ -6,6 +6,10 @@ footer {
margin-top: $body-line-height;
padding: 0 $body-line-height;
+ @media print {
+ display: none;
+ }
+
p {
float: left;
diff --git a/sass/layout/_header.scss b/sass/layout/_header.scss
index beaf1b2e45..9851339ac4 100644
--- a/sass/layout/_header.scss
+++ b/sass/layout/_header.scss
@@ -3,6 +3,10 @@ div.header-wrapper {
border-bottom: 1px solid #fff;
@include box-shadow(inset 0 -4px 6px darken($mit-red, 5%));
+ @media print {
+ display: none;
+ }
+
header {
@extend .clearfix;
@extend .wrapper;
diff --git a/sass/layout/_layout.scss b/sass/layout/_layout.scss
index d0240b951f..74efa3598f 100644
--- a/sass/layout/_layout.scss
+++ b/sass/layout/_layout.scss
@@ -19,6 +19,11 @@ html {
margin-top: 3px;
overflow: hidden;
+ @media print {
+ border-bottom: 0;
+ @include border-radius(none);
+ }
+
@media screen and (min-width: 1400px) {
@include border-radius(4px);
margin-top: lh(.5);
diff --git a/sass/print.scss b/sass/print.scss
index 12436ba683..8b13789179 100644
--- a/sass/print.scss
+++ b/sass/print.scss
@@ -1,6 +1 @@
-.header-wrapper {display:none;}
-#accordion {display:none;}
-.ui-accordion {display:none;
-visibility:hidden;
-width:0%;
-}
+