Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
CSS Stylesheet
importhttps://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css
 
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:20px;
}
.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
 
CSS Stylesheet
.container {
	width:100%;
	padding-left:0px;
	padding-right:0px;
}

.container>p, .row {
	padding-left:10.5%;
}


.row{
	width:100%;
	padding-bottom:100px;
	margin-left:0px;
	margin-right:0px;
padding-top:50px;
}

.col-md-6.col-sm-12, .col-lg-12, .col-md-12 {
	margin-top:50px;
}

.row h2 {
font-size:28px!important;
font-family:NeutroMYOB-Medium,Arial,sans-serif;
color:#2e3e4f!important;
margin-bottom:0.6667em;
line-height:1.166;
padding-bottom:15px;
}
 
.brikit-content-layers .brikit-content-layer-backdrop, .brikit-container-backdrop .brikit-content-layer-backdrop .brikit-content-layer {
	margin-left:0px;
	margin-right:0px;

}

#content-layer-0 {
margin-left:0px;
margin-right:0px;
}
.row:nth-of-type(even) {
	background:#f3f4f5!important;
}
#content-block-0 {
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
}
 
iframe {
	margin-top:5px;
}
.col-lg-6 {
    padding-right: calc(50% - 640px);
	padding-right:-moz-calc(50% - 640px);
	padding-right:-webkit-calc(50% - 640px);
	padding-right:-webkit-calc(50% - 640px);
	padding-right:-o-calc(50% - 640px);
}
/*.col-lg-6.col-md-4:first-child {
	padding-right:50px;
}*/
.col-lg-6.col-md-4 {
	padding-right:50px;
}
 
.col-lg-6.col-md-4:last-child {
	padding-left:50px;
}
.tab-pane {
    padding-top: 20px;
width:80%;
margin-left:auto;
margin-right:auto;
}
.videoContainer {
    width: calc(100% - 50px);
	width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: -o-calc(100% - 50px);
}

.nav-tabs {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
border-bottom:0;
}
.nav-tabs li, .nav-tabs.active li {
    width: 25%;
text-align:center;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border-top: 0; 
    border-left: 0;
    border-right: 0;
    border-bottom: purple 3px solid;
}

li[role=presentation] {
    border-bottom: #ddd 1px solid;
}

.tab-pane .row {
    padding-left: 0px;
}

.col-lg-6 p, .col-lg-6 li {
    max-width: calc(100% - 50px);
    max-width: -webkit-calc(100% - 50px);
    max-width: -moz-calc(100% - 50px);
    max-width: -o-calc(100% - 50px);
}

.tabSection {
padding-top:40px;
}
.yes img, .no img {
    height: 60px!important;
}
HTML
<span data-swiftype-index="true">
<div style="display: none;" data-swiftype-name="productFamily" data-swiftype-type="enum">MYOB</div>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

...