app/assets/stylesheets/responsive/_print_style.scss
body {
font-size: 10pt;
}
body,
#wrapper,
#banner_content,
.row {
//remove all page width constraints
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
max-width: none !important;
background-color: transparent !important;
}
// hide things we don't need
.admin,
.ms-header,
#topnav,
.rsp_menu_button,
#user_locale_switcher,
#logged_in_bar,
.help-sidebar,
.about__contact-links,
.footer__final,
#hash_link_padding,
#right_column,
#right_column_flip,
.describe_state_form,
#after_actions,
.event_actions,
.authority__body__sidebar,
.list-filter-item,
.authority__header__action-bar,
.hero__learn-more,
.learn-more-foi,
#header_right,
#user_profile_search form,
#user_not_logged_in,
.request-header__toolbar-actions,
.correspondence__footer {
display: none !important;
}
.only-show-for-print {
display: block;
visibility: visible;
}
.print-information {
//show when the page was printed and where from
font-size: 6pt;
color: gray;
margin: 0.5em 1.5em;
a {
word-break: break-all;
}
}
h1, h2, h3 {
page-break-after: avoid;
}
img {
max-width: 100% !important;
}
ul, img {
page-break-inside: avoid;
}
// We want the site title to be on the printed design,
// so we won't just hide all the banner contents
#banner {
background-color: transparent;
.banner_site-title {
padding: 1em 0.9375rem 0;
}
}
// We don't need to show the logo here, just the site title
.site-title__logo {
overflow: hidden;
text-indent: 0;
background-image: none;
width: auto;
height: auto;
color: black !important;
}
#footer {
background-color: transparent;
color: black;
margin-top: 0;
border-top: 1px solid #e9e9e9;
a {
font-weight: 700;
text-decoration: none;
color: black;
}
h2 {
color: black;
}
}
.footer__about {
width: 100%;
}
//Help pages
.controller_help {
position: static;
margin-left: 0;
@include expand-links();
h1 a,
dt a {
display: none; // hide the hash links for linking to a title
}
}
//Request page
#left_column,
#left_column_flip {
width: 100%;
}
.request-header__toolbar {
padding: 0;
background: transparent;
}
p.subtitle {
margin-bottom: 0.5em;
}
.request-header__subtitle {
width: 100%;
padding: 0;
}
.request_icon_line {
padding-left: 0;
background-image: none !important;
}
.correspondence {
box-shadow: none !important;
background-color: transparent !important;
border: 1px solid #ccc !important;
border-top-width: 5px !important;
color: black !important;
margin-bottom: 2em !important;
@include expand-links();
}
.incoming.correspondence {
border-top-color: #777 !important;
margin-left: 3%;
}
.attachments {
margin-bottom: 1.5em;
img {
display: none;
}
}
// Authority page
.authority__body__foi-results {
width: 100%;
}
.authority__header__stats {
margin-bottom: 1em;
}
// homepage
.homepage-hero {
background-image: none;
background-color: transparent;
border-bottom: 1px solid #e9e9e9;
color: black;
text-align: center;
a {
font-weight: 700;
text-decoration: none;
color: black;
}
}
.hero__intro {
width: 100%;
}
.intro__title {
color: black;
text-shadow: none;
}
.hero__new-request {
display: none;
}
.steps__step-box {
background-color: transparent;
}
.latest-requests {
.button-secondary {
display: none;
}
}
.bodies-list strong a {
display: none;
}