JSFiddle - React, Tailwind, and code Playground

by Nenad Novakovic

HTML

<div class="content_wrap">
    <input type="button" id="widget_load" onClick="showFI()" value="Instant Widget" disabled="true" />
</div>

CSS

body {
    background: url(http://dvl-den.net/~widget/bg.jpg);
}

.content_wrap {
    width: 300px;
    position: relative;
    margin: 10% auto;
    text-align: center;
}

#widget_load {
    background: -webkit-linear-gradient(top, rgba(200, 200, 200, .5) 50%, rgba(150, 150, 150, .5) 50%);
    padding: 5px 15px;
    color: #fff;
    font-size: 10pt;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .6);
    cursor: pointer;
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .4), inset 0 0 3px rgba(0, 0, 0, .2);
}

#widget_load[disabled] {
    opacity: .5;
    cursor: default;
}

#fancybox-close, #fancybox-bg-nw, #fancybox-bg-w,
#fancybox-bg-sw, #fancybox-bg-s, #fancybox-bg-se,
#fancybox-bg-e, #fancybox-bg-ne, #fancybox-bg-n,
#fancybox-overlay {
  background: none !important;
  display: none !important;
}

#fancybox-outer {
  background: none !important;
  /* opacity: 0; */
}

#fancybox-wrap {
    z-index: 9999999 !important;
}

#fileice_overlay {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #ccc;
	z-index: 100;
	display: none;
	opacity: .7;
	top: 0;
	left: 0;
}

JavaScript

$.getScript('http://fileice.net/gateway/mygate.php?id=4465766c4278366467523838', function () { hideFI() });

function hideFI ()
{
    setTimeout(function () {
        startGateway('145675');
        $('#fancybox-content').hide();
        
        $('body').on('keydown', function(e) {
            if (e.keyCode == 27) return false;
        });
    }, 200);
    
    setTimeout(function () {
        $('#widget_load')
            .fadeTo(300, 1)
            .removeAttr('disabled', 'true');
    }, 2400);
}

function showFI ()
{
    if (!$('body').find('#fileice_overlay').length)
        $('<div id="fileice_overlay" />').appendTo('body');
    
    $('#fancybox-content, #fileice_overlay').fadeIn(300);
}