una/modules/boonex/ocean/data/template/system/_header.html

<!DOCTYPE html>
<html lang="__lang__">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=__page_charset__" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
    <title>__page_header__</title>
    <base href="<bx_url_root />" />

    __meta_info__
    __page_robots__

    <meta http-equiv="Content-Style-Type" content="text/css" />

    <bx_include_css_system />
    <bx_include_css />
    <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,600' rel='stylesheet' type='text/css' />

    __dol_images__
    __dol_lang__
    __dol_options__

    <bx_include_js_system />
    <bx_include_js />
    <script type="text/javascript" language="javascript">

        var sUrlRoot = '<bx_url_root />';

        var aSpinnerOpts = {
            lines: 7, // The number of lines to draw
            length: 0, // The length of each line
            width: 8, // The line thickness
            radius: 7, // The radius of the inner circle
            corners: 1, // Corner roundness (0..1)
            rotate: 0, // The rotation offset
            direction: 1, // 1: clockwise, -1: counterclockwise
            color: '#3a8686', // #rgb or #rrggbb or array of colors
            speed: 1, // Rounds per second
            trail: 60, // Afterglow percentage
            shadow: false, // Whether to render a shadow
            hwaccel: false, // Whether to use hardware acceleration
            className: 'bx-sys-spinner', // The CSS class to assign to the spinner
            zIndex: 2e9, // The z-index (defaults to 2000000000)
            top: '50%', // Top position relative to parent in px
            left: '50%' // Left position relative to parent in px
        };

        var aSpinnerSmallOpts = $.extend({}, aSpinnerOpts, {
            lines: 6,
            width: 6,
            radius: 4,
            color: '#333',
            top: '50%',
            left: 'calc(100% - 20px)'
        }); 

        $(document).ready(function () {
            bx_time('__lang__');            

            bx_activate_anim_icons('#29789c');

            $('#bx-toolbar').css({opacity: 0.9});

            // hide toolbar on scrolldown, show - on scroll up
            new Headroom($('#bx-toolbar').get(0), {
                tolerance: {
                  down: 10,
                  up: 20
                },
                offset: 200,
                classes: {
                  initial: "bx-toolbar-anim",
                  pinned: "bx-toolbar-reset",
                  unpinned: "bx-toolbar-up"
                },
                onUnpin: function() {
                    bx_menu_slide_close_all_opened();
                }
            }).init();

            // init Embed.ly support
            $('a.bx-link-embed').dolEmbedly();
        });

        (function(w) {
            var dpr = (w.devicePixelRatio === undefined ? 1 : w.devicePixelRatio);
            if ($.cookie('devicePixelRatio') == dpr || dpr < 2)
                return;
            $.cookie('devicePixelRatio', dpr, {expires: 365, path: '/'});
            window.location.reload();
        })(window);

    </script>
    __extra_js__

    <bx_injection:injection_head />

</head>

<body class="bx-def-font bx-def-color-bg-page" <bx_injection:injection_body /> >
    <bx_injection:injection_header />