Template:Team:KIT-Kyoto/browser

From 2014.igem.org

(Difference between revisions)
 
(68 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<script type="text/javascript">
+
<style type="text/css">
-
var ua = window.navigator.userAgent.toLowerCase();
+
@-moz-document url-prefix() {
-
var IE = ua.match(/msie/i),
+
     #kit_browser {
-
    IE6 = ua.match(/msie [6.]/i),
+
         display:none;
-
    IE7 = ua.match(/msie [7.]/i),
+
-
    IE8 = ua.match(/msie [8.]/i),
+
-
    IE9 = ua.match(/msie [9.]/i),
+
-
    IE10 = ua.match(/msie [10.]/i),
+
-
    IE11 = ua.match(/trident/i),
+
-
    Chrome = ua.match(/chrome/i),
+
-
    Safari = ua.match(/safari/i),
+
-
    fireFox = ua.match(/firefox/i),
+
-
    Opera = ua.match(/opera/i);
+
-
if (IE) {
+
-
     $(".kit_browser").text('Your browser is InternetExplorer.We recommend FireFox.');
+
-
    if (IE6) {
+
-
         $(".kit_browser").text('Your browser is InternetExplorer.We recommend FireFox.');
+
-
    } else if (IE7) {
+
-
        $(".kit_browser").text('Your browser is InternetExplorer.We recommend FireFox.');
+
-
    } else if (IE8) {
+
-
        $(".kit_browser").text('Your browser is InternetExplorer.We recommend FireFox.');
+
-
    } else if (IE9) {
+
-
        $(".kit_browser").text('Your browser is InternetExplorer.We recommend FireFox.');
+
-
    } else if (IE10) {
+
-
        $(".kit_browser").text('Your browser is InternetExplorer.We recommend FireFox.');
+
-
    } else if (IE11) {
+
-
        $(".kit_browser").text('Your browser is InternetExplorer.We recommend FireFox.');
+
     }
     }
-
}else if(Chrome){
 
-
    $(".kit_browser").text('Your browser is GoogleChrome.We recommend FireFox.');
 
-
}else if(Safari){
 
-
    $(".kit_browser").text('Your browser is Safari.We recommend FireFox.');
 
-
}else if(fireFox){
 
-
    $(".kit_browser").text('Your browser is FireFox.');
 
-
}else if(Opera){
 
-
    $(".kit_browser").text('Your browser is Opera.We recommend 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.