Template:Team:KIT-Kyoto/browser
From 2014.igem.org
(Difference between revisions)
(68 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"> | ||
+ | $(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.
We recommend FireFox. Click here to close.