Template:Team:KIT-Kyoto/browser

From 2014.igem.org

(Difference between revisions)
 
(52 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">
-
/* * distinctUserAgent * JavaScriptの実装からUserAgentを判別 * Copyright (c) 2013 Kazz * http://asamuzak.jp * Dual licensed under MIT or GPL * http://asamuzak.jp/license */ (function(_win,_doc) { var UA = _win.opera ? 'Opera12' : !_doc.documentMode && _win.attachEvent ? 'IE7' : _doc.documentMode ? 'IE' + _doc.documentMode : !_win.matchMedia ? 'Safari4 / AndroidBrowser2' : !_win.ArrayBuffer ? 'AndroidBrowser3' : !_win.requestAnimationFrame && !_win.webkitRequestAnimationFrame ? 'Safari5 / AndroidBrowser4.3' : !_win.requestAnimationFrame ? 'Safari6' : !_win.CSS ? 'Safari7' : !_win.CSS.supports('(animation-timing-function: ease)') ? 'Chrome / Opera / AndroidBrowser4.4' : 'Firefox'; document.getElementById('kit_browser').innerHTML = 'We recommend FireFox'; /* 注：IE7はIE6以下を含む SafariにはiOS Safariを含む。また、Safari5には5.1も含み、6には6.1も含む AndroidBrowser2は～2.3まで AndroidBrowser4.3は4.0～4.3まで Opera12はPresto、Opera（番号なし）はBlinkのOpera Chrome等とFirefoxの判別は暫定的（将来Chromeがanimationのprefixを外したら判別できず） */ })(window,document);
+
$(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"