mcbrwr

# hisrc: load low src image by default and on defined breakpoint load hires image
# html markup: <img data-breakpoint="450" data-hisrc="large-image.jpg" src="default-image.jpg" alt=" ">
# data-breakpoint="450" is not needed, 450 is default

hisrc = () ->
	window_width = $(window).width()
	$('[data-hisrc]').each () ->
		
		$(this).attr('data-breakpoint', '450') if not $(this).attr('data-breakpoint')
		$(this).attr('data-losrc', $(this).attr('src') ) if not $(this).attr('data-losrc')

mcbrwr

var readyStateCheckInterval = setInterval(function() {
    if (document.readyState === "complete") {
        // do stuff
        init();
        clearInterval(readyStateCheckInterval);
    }
}, 10);

mcbrwr

.vidicon(@size) {
	@trisize: (@size / 3);
	position: relative;
	z-index: 1;
	&:before,
	&:after {
		content: "";
		opacity: .7;
		display: block;
		position: absolute;

mcbrwr

{{#svg}}
{{#selector}}.{{expression}}{{^last}},
{{/last}}{{/selector}} { {{#sprite}}
	background-position: {{position}};{{/sprite}}{{^common}}
	background-repeat: no-repeat;{{#dimensions}}
	display: block;
	text-indent: -999em;
	width: {{width}}px;
	height: {{height}}px;{{/dimensions}}
	background-image: url(/assets/sprite/{{#sprite}}{{sprite}}{{/sprite}}{{^sprite}}{{#encode}}"{{encoded}}"{{/encode}}{{^encode}}{{path}}{{/encode}}{{/sprite}});{{/common}}

mcbrwr

// --------------------------------- */
// menu logic
// --------------------------------- */

#siteheader {
  .menu-wrapper {
    max-height: 0;
    overflow: hidden;
  }
  .hidemenu {

mcbrwr

var elements = document.querySelectorAll('.socialshares a');
Array.prototype.forEach.call(elements, function(el, i){
  el.onclick = function(elaction) {
    elaction.preventDefault();
    window.open( el.attributes.href.value, '', 'width=600,height=300' );
  }
});

mcbrwr

// smooth scroll
$('a[href*="#"]:not([href="#"])').on("click", function() {
  if (location.pathname.replace(/^\//,'') === this.pathname.replace(/^\//,'') && location.hostname === this.hostname) {
    var target = $(this.hash);
    target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
    if (target.length) {
      var toppie = target.offset().top - 50;
      $('html,body').animate({
        scrollTop: toppie
      }, 600);

mcbrwr

#contentArea {
    float: none;
    margin: 0 auto;
    max-width: 700px;
    width: 100%;
}

#contentCol {
    margin-left: 0;
    padding-left: 0;

mcbrwr

^((?!Security|XHR).)*$

mcbrwr

.row {
    > .col-sm-4 {
        @media screen and (min-width: @screen-sm-min){
            &:nth-child(3n + 1) {
                clear: left;
            }
        }
    }
    > .col-sm-3 {
        @media screen and (min-width: @screen-sm-min){