Template:Team:KIT-Kyoto/browser

From 2014.igem.org

(Difference between revisions)
 
(56 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<script type="text/javascript" charset="utf-8">
+
<style type="text/css">
-
    jQuery(function($){
+
@-moz-document url-prefix() {
-
    var _ua = (function(){
+
     #kit_browser {
-
    return {
+
        display:none;
-
    ltIE6:typeof window.addEventListener == "undefined" && typeof document.documentElement.style.maxHeight == "undefined",
+
-
ltIE7:typeof window.addEventListener == "undefined" && typeof document.querySelectorAll == "undefined",
+
-
ltIE8:typeof window.addEventListener == "undefined" && typeof document.getElementsByClassName == "undefined",
+
-
ltIE9:document.uniqueID && typeof window.matchMedia == "undefined",
+
-
gtIE10:document.uniqueID && window.matchMedia,
+
-
Trident:document.uniqueID,
+
-
Gecko:'MozAppearance' in document.documentElement.style,
+
-
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.getElementById('kit_browser').innerHTML = 'We recommend FireFox';
+
-
    }else if(_ua.Gecko && !_ua.Mobile){
+
-
$("#kit_browser").text('Your browser is FireFox');
+
     }
     }
-
    });
+
}
 +
 
 +
#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">
 +
$(document).ready(function() { 
 +
setTimeout("animation()",1200); 
 +
}); 
 +
function animation(){
 +
$("#kit_browser").animate({'left':'0px'},'slow','swing');
 +
}
 +
$(function(){
 +
$("#kit_browser a").click(
 +
          function(){
 +
            $("#kit_browser").animate({'left':'-340px'},'slow','swing');
 +
});
 +
});
</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.