Template:Team:KIT-Kyoto/browser

From 2014.igem.org

(Difference between revisions)
 
(32 intermediate revisions not shown)
Line 8: Line 8:
#kit_browser{
#kit_browser{
-
position:absolute;
+
position:fixed;
bottom:10px;
bottom:10px;
-
left:0px;
+
left:-340px;
-
width:320px;
+
width:280px;
-
padding:5px 10px;
+
padding:5px 10px 5px 20px;
background-color:rgba(0,0,0,0.5);
background-color:rgba(0,0,0,0.5);
color:#fff;
color:#fff;
-
text-align:right;
+
text-align:left;
font-family:'Lucida Grande',
font-family:'Lucida Grande',
  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
  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>
</style>
<script type="text/javascript">
<script type="text/javascript">
-
 
+
$(document).ready(function() { 
-
$("#kit_close").click(function(){$("#kit_browser").animate({margin-left:"-340px"},300);
+
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"