Team:NYMU-Taipei/NYMU14 Style

From 2014.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
</p>
</p>
-
<div class="preloading" style="margin-top: 20px; width: 100%; height: 100%; position: absolute; background-color: #FFFFFF; text-align: center; z-index: 100; font-size: 48px;">Loading...</div>
+
<script type="text/javascript" src="/Team:NYMU-Taipei/spin.js?action=raw&amp;ctype=text/javascript"></script>
 +
<div class="preloading" style="margin-top: 20px; width: 100%; height: 100%; position: fixed; text-align: center; z-index: 100; font-size: 48px; line-height: 60px;"><div id='waitmask' style='position: fixed;width: 250px;height: 250px;margin: 0 auto;top: 50%;left: 50%;margin-left: -125px;margin-top: -125px;background-color: rgba(2,2,2,0.5);border-radius: 20px;'></div></div>
 +
<script>
 +
var opts = {
 +
  lines: 13, // The number of lines to draw
 +
  length: 20, // The length of each line
 +
  width: 10, // The line thickness
 +
  radius: 30, // The radius of the inner circle
 +
  corners: 1, // Corner roundness (0..1)
 +
  rotate: 0, // The rotation offset
 +
  direction: 1, // 1: clockwise, -1: counterclockwise
 +
  color: '#FFF', // #rgb or #rrggbb or array of colors
 +
  speed: 1, // Rounds per second
 +
  trail: 60, // Afterglow percentage
 +
  shadow: false, // Whether to render a shadow
 +
  hwaccel: false, // Whether to use hardware acceleration
 +
  className: 'spinner', // The CSS class to assign to the spinner
 +
  zIndex: 2e9, // The z-index (defaults to 2000000000)
 +
  top: '50%', // Top position relative to parent
 +
  left: '50%' // Left position relative to parent
 +
};
 +
var target = document.getElementById('waitmask');
 +
var spinner = new Spinner(opts).spin(target);
 +
</script>
<!-- Scripts -->
<!-- Scripts -->
<!--[if lt IE 9]>
<!--[if lt IE 9]>

Latest revision as of 19:21, 15 October 2014