SteamGifts: Open in pop-in

Opens various links in pop-in window. This includes Giveaway links, links to Steam store and new messages.
Versión del día 14/02/2015. Echa un vistazo a la versión más reciente.
Pregunta tus dudas, ponle nota o notifica una posible infracción de las normas.
Ajuste de línea
// ==UserScript==
// @name        SteamGifts: Open in pop-in
// @namespace   lainscripts_steamgifts_steam_popin
// @description Opens various links in pop-in window. This includes Giveaway links, links to Steam store and new messages.
// @include     http://www.steamgifts.com/*
// @include     https://www.steamgifts.com/*
// @version     1.13
// @grant       none
// ==/UserScript==

function svgSpinner(out_radius, in_radius, width, number_of_lines, period, direction) {
    var num = number_of_lines, shift = out_radius + width / 2, step = 0;
    var svg = '<svg id="spinner" version="1.1" x="0px" y="0px" width="' + (2 * shift) + 'px" height="' + (2 * shift) +
              'px" xml:space="preserve" style="stroke:#fff;stroke-width:' + width + 'px;stroke-linecap:round;"><g>';
    while (num--) {
        if (direction >= 0) step = num; else step = number_of_lines - num;
        svg += '<line x1="' + (shift + Math.cos(2 * Math.PI / number_of_lines * num) * in_radius) +
                   '" y1="' + (shift + Math.sin(2 * Math.PI / number_of_lines * num) * in_radius) +
                   '" x2="' + (shift + Math.cos(2 * Math.PI / number_of_lines * num) * out_radius) +
                   '" y2="' + (shift + Math.sin(2 * Math.PI / number_of_lines * num) * out_radius) + '">' +
               '<animate attributeType="CSS" attributeName="opacity" from="1" to="0.1" dur="' + period + 
               's" repeatCount="indefinite" begin="' + (period * step / number_of_lines) + 's" /></line>';
    }
    svg += '</g></svg>';
	return svg;    
}

function popinObj() {
    var spinner = document.createElement('div');
    spinner.innerHTML = svgSpinner(45, 25, 10, 10, 1.8, -1);
    with (spinner.style) {
        position = 'fixed';
        top = '50%';
        left = '50%';
        marginTop = '-50px';
        marginLeft = '-50px';
        width = '100px';
        height = '100px';
    }
     
    var popin = document.createElement('div');
    with (popin.style) {
        boxSizing = 'border-box';
        position = 'fixed';
        top = 0;
        left = 0;
        padding = '45px 50px';
        width = '100%';
        height = '100%';
        backgroundColor = 'rgba(0,0,0,0.85)';
        display = 'none';
    }

    var ifrm;
    var openFrame = function (url) {
        var ifr = document.createElement('iframe');
        ifr.src = url;
        ifr.onload = function(){
            spinner.style.display = 'none';
            var y = (this.contentWindow || this.contentDocument);
            if (y.document) {
                [].forEach.call(y.document.querySelectorAll('header,.offer__outer-wrap'), function(i){
                    i.style.display = 'none';
                });
    				[].forEach.call(y.document.querySelectorAll('a[href^="http"]:not([href*=".steamgifts."])'), function(i){
                    i.target = '_blank';
                });
            }
        };
        with (ifr.style) {
            width = '100%';
            height = '100%';
            padding = '4px';
            border = '#666 2px solid';
            borderRadius = '3px';
            backgroundColor = 'rgba(0,0,0,0.33)';
        }
        return ifr;
    }

    popin.appendChild(spinner);
    document.body.appendChild(popin);
    
    this.show = function (url) {
        document.body.style.overflowY = 'hidden';
        spinner.style.display = 'block';
        setTimeout(function(){spinner.style.display='none';},5000);
        ifrm = openFrame(url);
     	popin.insertBefore(ifrm, popin.childNodes[0]);
        popin.style.display = 'block';
    };
    
    this.hide = function () {
        document.body.style.overflowY = 'auto';
        popin.style.display = 'none';
        ifrm.parentNode.removeChild(ifrm);
    };
    
    popin.onclick = this.hide;
}
     
var popin = new popinObj();
var lst = [
    'a[href*="/store.steampowered.com/"]',
    'a[href^="/giveaway/"]:not(.sidebar__navigation__item__link)',
    '.nav__right-container a.nav__button',
    'a.nav__button[href="/about/faq"]'
];
[].forEach.call(document.querySelectorAll(lst.join(',')), function (i) {
    i.onclick = function (e) {
        if (e.which === 2) return;
        var t = e.target;
        while (t.tagName.toLowerCase()!='a') t = t.parentNode;
        if (t.href) {
            if (t.parentNode.className != 'esg-join') {
                popin.show(t.href);
                e.preventDefault();
            }
        }
    };
 });