Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
CSS Stylesheet
@media print {
	#surveyContainer {display:none!important;}
	.surveyWindow {display:none!important;}
	.from-layout {display:none!important;}
	h1#title-text {margin-left:-60px!important;}
    p,ol,li {font-size:11pt!important;}
	.rwui_text_box {margin-left:40px!important}
	.rwui_text_box.rwui_text_small .rwui_content, .rwui_text_box.rwui_text_small .rwui_content p, .rwui_text_box.rwui_text_small, .rwui_text_box.rwui_text_small a {font-size:inherit!important;}
	.rwui_text_box.rwui_text_small .rwui_content, .rwui_text_box.rwui_text_small .rwui_content p, .rwui_text_box.rwui_text_small, .rwui_text_box.rwui_text_small p, .rwui_text_box.rwui_text_small strong, .rwui_text_box.rwui_text_small em{font-size: 9pt !important;line-height: 16px !important;padding:0px;}
	.rwui_text_box {padding:5px!important;border-left: 5px solid #2B74DF!important;}
	.col.span_1_of_5 {display:none!important}
	.col.span_3_of_5 {width:100%!important;margin-left:-20px!important;}
	.rwui_icon {display:none;}
	.rwui_expandable_item {margin-left:40px!important;}
	.rwui_expandable_item_body.rwui_body {display:block;}
	.rwui_expandable_item_title {margin-left:-40px}
	#title-text a {font-size: 64px!important;}
.rwui_expandable_item_body.rwui_body {border-right:none!important; border-bottom:none!important; border-top:none!solid 2px rgba(0,0,0,0.3)!important; border-left:none;}
	.rwui_expandable_item_title.rwui_expand {font-size:20pt; margin-top:20px;}
	.rwui_expandable_item_body .rwui_expandable_item_title {font-size:20px!important;}
	.rwui_expandable_item_body.rwui_body {border:none!important;}
	.rwui_expandable_item_title.rwui_expand {
	    border-top:1px solid rgba(0,0,0,0.2); 
	    font-size:20pt; 
	    margin-top:40px;
	    margin-left:10px;
	    padding-left:0px!important;
	    color:#2E3E4F!important;
	}
.rwui_expandable_item_body .rwui_expandable_item_title {font-size:20px!important; border-top:0.5px solid rgba(0,0,0,0.1);}
	.rwui_expandable_item .rwui_text_box {margin-left:-10px!important;}
h1#title-text a[href]:after {content: none !important;}
.row {padding-left:30px!important; padding-right:0px!important; width:100%!important;}
.col-lg-6.col-md-4.col-sm-12 {width:100%!important;}
.videoLinkPrintOnly {
	display:block!important;
}
.videoContainer {
    height: 50px!important;
    padding-bottom: 120px!important;
    padding-top: 30px!important;
    width: 70px!important;
}
.row {
    border-bottom:1px solid rgba(0,0,0,0.1);
}
.wistia_responsive_wrapper {
    width:150px!important;
    margin-bottom:0px;
    padding-bottom:50px;
}
.wistia_responsive_padding {
    height:84px!important;
    padding-top:0px!important;
    margin-top:20px;
    margin-bottom: 100px!important;
    border:1px solid gray;
    width:150px;
}
.wistia_responsive_padding:after {
    height:100px!important;
}
.videoLinkPrintOnly {
    display: inline-block!important;
    margin-top:90px;
}
.col.span_3_of_5 p, .col.span_3_of_5 .wistia_responsive_padding, .col.span_3_of_5 h1, .col.span_3_of_5 h2, .col.span_3_of_5 h4 {
    margin-left:30px;
}
h2 {
    font-size:28pt!important;
}
.rwui_body p, .col.span_3_of_5 .wistia_responsive_padding, .col.span_3_of_5 h1, .col.span_3_of_5 h2, .col.span_3_of_5 h4 {
    margin-left:30px;
}
.rwui_expandable_item_body.rwui_body p, .rwui_expandable_item_body.rwui_body li, .rwui_expandable_item_body.rwui_body h4 {
    margin-left:-10px!important
}
a[href].external-link:after {
    content:" (" attr(href) ")";
}
.wistia_responsive_wrapper iframe {
    height:70px!important;
    width:135px!important;
    border:1px solid gray;
}
}
HTML
<script>
// Add video link to page to show only when printed
$( document ).ready(function() {
	$("iframe").each(function() {
		var videoLink = $(this).attr("src");
		videoLink = videoLink.replace("?rel=0","");
		videoLink = videoLink.replace("?seo=false&videoFoam=true","");
		if ((videoLink.lastIndexOf("youtube")!=-1)||(videoLink.lastIndexOf("wistia")!=-1)) {
			$(this).parent().parent().append("<div class='videoLinkPrintOnly' style='display:none;'>	<strong>Video link: </strong>"+videoLink+"</div>");
		}
	});
});
</script>
CSS Stylesheet
importhttps://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css
 

...