|
javascript: (function() { |
|
$('#header').remove(); |
|
$('#infobar').remove(); |
|
$('.side').remove(); |
|
$('.spacer')[1].remove(); |
|
$('#sharelink_').remove(); |
|
$('#report-action-form').remove(); |
|
$('.gold-wrap').remove(); |
|
$('.footer-parent').remove(); |
|
$('.debuginfo').remove(); |
|
$('.content')[0].style.margin = '0'; |
|
$('.content')[0].style.background = '#eaedef'; |
|
$('.thebutton-wrap').css({ border: 'none' }); |
|
wscale = ( $(window).width() / $('.thebutton-form').width() ) * 0.75; |
|
hscale = ( $(window).height() / $('.thebutton-form').height() ) * 0.5; |
|
if (wscale > hscale) { |
|
scale = hscale; |
|
} else { |
|
scale = wscale; |
|
} |
|
$('.thebutton-form').css({ |
|
borderRadius: 5, |
|
transform: 'scale(' + scale + ')', |
|
}); |
|
$('.thebutton-wrap').css({ |
|
position: 'absolute', |
|
top: '50%', |
|
left: '50%', |
|
transform: 'translate(-50%, -50%)', |
|
}); |
|
$('.content').css({ |
|
height: $(window).height(), |
|
width: $(window).width() |
|
}); |
|
$('.thebutton-wrap').css({ |
|
width: $(window).width() |
|
}); |
|
$(window).resize(function(){ |
|
$('.content').css({ |
|
height: $(window).height(), |
|
width: $(window).width() |
|
}); |
|
$('.thebutton-wrap').css({ |
|
width: $(window).width() |
|
}); |
|
wscale = ( $(window).width() / $('.thebutton-form').width() ) * 0.75; |
|
hscale = ( $(window).height() / $('.thebutton-form').height() ) * 0.5; |
|
if (wscale > hscale) { |
|
scale = hscale; |
|
} else { |
|
scale = wscale; |
|
} |
|
$('.thebutton-form').css({ |
|
borderRadius: 5, |
|
transform: 'scale(' + scale + ')', |
|
}); |
|
}); |
|
colorTimer = window.setInterval(function(){ |
|
var s = r.thebutton._msgSecondsLeft; |
|
var ring = $('.thebutton-wrap, .content, body'); |
|
ring.css('-webkit-transition', 'background-color 0.4s') |
|
.css('-moz-transition', 'background-color 0.4s') |
|
.css('-ms-transition', 'background-color 0.4s') |
|
.css('-o-transition', 'background-color 0.4s') |
|
.css('transition', 'background-color 0.4s'); |
|
if (s < 12) { ring.css('background-color', '#e45a5a') } else |
|
if (s < 22) { ring.css('background-color', '#e6aa3b') } else |
|
if (s < 32) { ring.css('background-color', '#ede77c') } else |
|
if (s < 42) { ring.css('background-color', '#6dcf6d') } else |
|
if (s < 52) { ring.css('background-color', '#68b4dc') } else |
|
{ ring.css('background-color', '#bc70bb') }}, 100); |
|
})() |