Template:Team:KIT-Kyoto/browser

From 2014.igem.org

(Difference between revisions)
 
(49 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">
-
var _ua = (function(){
+
$(document).ready(function() {
-
return {
+
setTimeout("animation()",1200); 
-
  Gecko:'MozAppearance' in document.documentElement.style,
+
});  
 +
function animation(){
 +
$("#kit_browser").animate({'left':'0px'},'slow','swing');
}
}
 +
$(function(){
 +
$("#kit_browser a").click(
 +
          function(){
 +
            $("#kit_browser").animate({'left':'-340px'},'slow','swing');
 +
});
});
});
-
    if(!_ua.Gecko){
 
-
    document.getElementById('kit_browser').innerHTML = 'We recommend 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.

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