Template:Team:KIT-Kyoto/browser

From 2014.igem.org

(Difference between revisions)
 
(67 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<style type="text/css">
 +
@-moz-document url-prefix() {
 +
    #kit_browser {
 +
        display:none;
 +
    }
 +
}
 +
 +
#kit_browser{
 +
position:fixed;
 +
bottom:10px;
 +
left:-340px;
 +
width:280px;
 +
padding:5px 10px 5px 20px;
 +
background-color:rgba(0,0,0,0.5);
 +
color:#fff;
 +
text-align:left;
 +
font-family:'Lucida Grande',
 +
'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 +
Meiryo, メイリオ, sans-serif;
 +
z-index:10;
 +
}
 +
#kit_browser a:link {
 +
color: #00FF00;
 +
}
 +
#kit_browser a:visited {
 +
color: #00FF00;
 +
}
 +
#kit_browser a:hover {
 +
color: #00ff00;
 +
}
 +
#kit_browser a:active {
 +
color: #00FF00;
 +
}
 +
</style>
<script type="text/javascript">
<script type="text/javascript">
-
    jQuery(function($){
+
$(document).ready(function() {
-
    var kit_ua = (function(){
+
setTimeout("animation()",1200); 
-
    return {
+
}); 
-
    ltIE6:typeof window.addEventListener == "undefined" && typeof document.documentElement.style.maxHeight == "undefined",
+
function animation(){
-
    ltIE7:typeof window.addEventListener == "undefined" && typeof document.querySelectorAll == "undefined",
+
$("#kit_browser").animate({'left':'0px'},'slow','swing');
-
    ltIE8:typeof window.addEventListener == "undefined" && typeof document.getElementsByClassName == "undefined",
+
}
-
    ltIE9:document.uniqueID && typeof window.matchMedia == "undefined",
+
$(function(){
-
    gtIE10:document.uniqueID && window.matchMedia,
+
$("#kit_browser a").click(  
-
    Trident:document.uniqueID,
+
          function(){
-
    Gecko:'MozAppearance' in document.documentElement.style,
+
            $("#kit_browser").animate({'left':'-340px'},'slow','swing');
-
    Presto:window.opera,
+
});
-
    Blink:window.chrome,
+
});
-
    Webkit:typeof window.chrome == "undefined" && 'WebkitAppearance' in document.documentElement.style,
+
-
    Touch:typeof document.ontouchstart != "undefined",
+
-
    Mobile:typeof window.orientation != "undefined",
+
-
    ltAd4_4:typeof window.orientation != "undefined" && typeof(EventSource) == "undefined",
+
-
    Pointer:window.navigator.pointerEnabled,
+
-
    MSPoniter:window.navigator.msPointerEnabled
+
-
    }
+
-
    })();
+
-
    if(kit_ua.ltIE6 || _ua.ltIE7 || _ua.ltIE8 || (_ua.Trident && !_ua.ltIE8) || (_ua.Trident && !_ua.ltIE9 ) || _ua.gtIE10 || (_ua.Blink && !_ua.Mobile) || (_ua.Blink && _ua.Mobile) || _ua.ltAd4_4 || (_ua.Webkit && !_ua.Mobile) || (_ua.Webkit && _ua.Mobile) || _ua.ltAd4_4 || (_ua.Gecko && !_ua.Mobile) || (_ua.Gecko && _ua.Mobile) || (_ua.Presto){
+
-
    document.getElementByClass('kit_browser').innerHTML = 'We recommend FireFox';
+
-
    }else if(_ua.Gecko && !_ua.Mobile){
+
-
document.getElementByClass('kit_browser').innerHTML = 'Your browser is FireFox';
+
-
    }
+
-
    });
+
</script>
</script>
 +
 +
 +
<div id="kit_browser">Your browser is <strong>NOT</strong> FireFox.<br>We recommend FireFox. <a href="javascript:void(0);">Click here to close.</a></div>

Latest revision as of 04:12, 18 September 2014

Your browser is NOT FireFox.
We recommend FireFox. Click here to close.