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%; -} +