CSS Stylesheet | ||
---|---|---|
| ||
|
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","");
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 |
---|
@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 | ||
---|---|---|
| ||
|
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> |
...