Template:Team:KIT-Kyoto/browser

From 2014.igem.org

(Difference between revisions)
 
(55 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<script type="text/javascript" charset="utf-8">
+
<style type="text/css">
-
    function kit_ua() {
+
@-moz-document url-prefix() {
-
    var ua = navigator.userAgent.toLowerCase();
+
     #kit_browser {
-
    if (ua.indexOf('chrome') != -1 || ua.indexOf('safari') != -1 || ua.indexOf('opera') != -1 ua.indexOf('msie') !=-1 || ua.indexOf('trident') !=-1 ) {
+
        display:none;
-
     return true;
+
-
    }
+
-
    }
+
-
    if(kit_ua()) {
+
-
    $('#kit_browser').text('Your brouser is <strong>not</strong> FireFox. 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.

Retrieved from "http://2014.igem.org/Template:Team:KIT-Kyoto/browser"