Edit
/* scss/1-global/_print.scss */
/* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */
#print_logo {
display: none;
}
@media print {
* {
background: transparent !important;
color: #000 !important;
/* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
border: none !important;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
/* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
@page {
margin: 1.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3,
h4,
h5,
h6 {
page-break-after: avoid;
}
/*** W&M Specific ***/
html {
button,
.button,
a.button,
a.content_button,
.content_button > a,
.content_button_with_arrow {
display: inline !important;
padding: 10px !important;
text-transform: none !important;
letter-spacing: 0 !important;
text-decoration: underline !important;
}
}
.broadcastBarTop,
nav,
.user_content .page_nav,
#search,
#secondary_photo_header,
#quick_nav,
#sidebar,
#shareBar,
#topbar,
#top_logo,
#breadcrumbs,
.rrssb-buttons,
#wm-photoset-caption-toggle,
#wm-photoset:hover,
.flex-direction-nav,
.wm-topbar,
.m-header,
.m-header .m-header__photo,
.page_nav,
#footer {
display: none !important;
}
.content_wrapper {
margin: 0 !important;
width: 100% !important;
max-width: auto !important;
}
#content {
min-height: auto !important;
width: 100% !important;
max-width: auto !important;
margin: 0 !important;
}
#print_logo {
display: block !important;
padding: 10px 0 20px 0;
}
// Styles to maybe someday show the banner text
// .m-header {
// border-top: 1px solid #eee !important;
// border-bottom: 1px solid #eee !important;
// margin: 10px 0 20px !important;
// padding: 0 0 0 20px !important;
// height: auto !important;
// display: block !important;
// }
// .m-header .m-title-card {
// text-align: left !important;
// margin: 25px 0 !important;
// max-width: 100% !important;
// width: 100% !important;
// }
// .m-header .m-title-card .m-title__main-title,
// .m-header .m-title-card__dept a {
// font-size: 40px !important;
// }
// .m-header .m-title-card a {
// text-decoration: none !important;
// }
// .m-title-card__umbrella a {
// margin: 0 !important;
// font-size: 16px !important;
// }
#navigation {
display: block;
}
#print_mark {
display: block;
height: 25px;
}
#tac_img {
display: none;
}
#laaw-profile-picker,
.laaw-profile-close {
display: none;
}
#main {
margin: 15px 0px;
}
.user_content,
.article-meta {
font-size: 10pt;
}
.user_content--wrapper {
float: none !important;
width: 100% !important;
}
.wmphotoset-caption,
.user_content figcaption {
font-size: 8pt;
line-height: 1.3em;
}
.article-meta {
margin: 3px 0 10px !important;
}
a {
font-weight: normal !important;
text-decoration: underline !important;
}
#breadcrumbs2 a {
text-decoration: none !important;
}
#wm-photoset {
max-width: 650px;
height: auto !important;
overflow: hidden;
padding: 0 !important;
margin: 25px 0 0 0 !important;
}
#wm-photoset li,
#wm-photoset-info {
padding: 15px 0 0 0;
position: relative;
}
#wm-photoset-position {
position: relative;
}
#wm-photoset li img {
width: 350px;
float: left;
}
#wm-photo-nav #prev-photo,
#wm-photo-nav #next-photo {
display: none;
}
#wm-photoset .wmphotoset-caption {
margin: 0 0 0 20px;
padding: 0;
width: 250px;
float: left;
}
#wm-photoset-info {
position: absolute;
left: 370px;
}
.flexslider .slides > li {
text-align: left;
}
.user_content .flexslider .slides img {
margin: 0 0 0 0 !important;
padding-bottom: 20px;
}
#wm-photoset-info {
position: relative !important;
margin: 0 !important;
}
figure.rightcaption,
figure.yt-right {
float: right;
margin-right: 0px;
padding-left: 35px;
}
figure.leftcaption,
figure.yt-left {
float: left;
margin-left: 0px;
padding-right: 35px;
}
figure.yt-left,
figure.yt-right {
clear: both;
border: 1px solid #c9c9c9 !important;
padding: 10px;
}
/* .yt-med iframe, .yt-med object, .yt-med embed, .yt-lg iframe, .yt-lg object, .yt-lg embed {
display: none;
}
*/
.yt-med,
.yt-lg {
background-color: #c9c9c9 !important;
border: 1px solid #c9c9c9 !important;
}
.photoright {
float: right;
clear: right;
margin: 25px 0 25px 35px !important;
}
.photoleft {
float: left;
clear: left;
margin: 25px 35px 25px 0 !important;
}
.wm_dir_entry_item,
.wm_dir_entry_item .dirinfo {
overflow: none;
width: auto;
height: auto;
}
.wm_dir_entry_item .fancybox {
display: none;
}
.wm_dir_entry_item a {
color: #000 !important;
}
// grids
.user_content .grid,
.user_content .portfolio_listing {
display: flex !important;
flex-wrap: wrap;
justify-content: space-between;
height: auto !important;
}
aside.default_extra ul.portfolio_listing {
width: 90% !important;
margin: 0 !important;
}
.user_content .portfolio_listing li {
margin: 0 !important;
float: none !important;
}
.grid-sizer,
.grid-gutter {
display: none !important;
}
html .user_content .grid a figure.card.Large,
html .user_content .grid a figure.card.Small,
.user_content .grid > figure.card.Large,
.user_content .grid > figure.card.Small {
position: static !important;
left: inherit !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
}
.user_content .grid a,
.user_content .grid > figure.card.Large,
.user_content .grid > figure.card.Small,
.user_content .portfolio_listing li {
display: block;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 45%;
}
.user_content figure.card {
float: none;
}
.user_content .grid:after {
display: none !important;
}
// .grid_photo {
// display: none;
// }
.wm_dir_entry_item .grid_full_info {
display: block;
}
.tablespecial,
.tablespecial2,
.tablespecialleft {
border-left: 1px solid #bbb !important;
border-bottom: 1px solid #bbb !important;
}
.tablespecial tr,
.tablespecial th,
.tablespecial td,
.tablespecial2 tr,
.tablespecial2 th,
.tablespecial2 td,
.tablespecialleft tr,
.tablespecialleft th,
.tablespecialleft td {
border-right: 1px solid #bbb !important;
border-top: 1px solid #bbb !important;
}
.tablespecial th,
.tablespecial2 th,
.tablespecialleft th {
background-color: #eaeaea !important;
}
// Print css for rows
.h-theme-image h3,
.h-theme-image [class*="heading"],
.h-theme-image p,
.h-theme-image a {
color: white !important;
}
.EventRow .l-card {
page-break-inside: avoid;
}
.EventRow .l-card__content,
.EventRow .l-card__content *,
.EventRow .l-card:before,
.EventRow .l-card:after,
.EventRow .l-card__content:before,
.EventRow .l-card__content:after {
background-color: white !important;
background: white !important;
page-break-inside: avoid;
}
.EventRow .l-card .l-card__content:before,
.EventRow .l-card .l-card__content > *:not(.EventRow__eventbutton) {
border: 0px solid transparent;
top: -30px;
}
}