Team:NYMU-Taipei/NYMU14 Style

From 2014.igem.org

(Difference between revisions)
 
(One intermediate revision not shown)
Line 2: Line 2:
</p>
</p>
<script type="text/javascript" src="/Team:NYMU-Taipei/spin.js?action=raw&amp;ctype=text/javascript"></script>
<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'></div></div>
+
<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>
<script>
-
var target = document.getElementById('waitmask');
 
-
target.style.width="250px";
 
-
target.style.height="250px";
 
-
target.style.left=(window.innerWidth-250)/2+"px";
 
-
target.style.top=(window.innerHeight-250)/2+"px";
 
var opts = {
var opts = {
   lines: 13, // The number of lines to draw
   lines: 13, // The number of lines to draw
Line 17: Line 12:
   rotate: 0, // The rotation offset
   rotate: 0, // The rotation offset
   direction: 1, // 1: clockwise, -1: counterclockwise
   direction: 1, // 1: clockwise, -1: counterclockwise
-
   color: '#000', // #rgb or #rrggbb or array of colors
+
   color: '#FFF', // #rgb or #rrggbb or array of colors
   speed: 1, // Rounds per second
   speed: 1, // Rounds per second
   trail: 60, // Afterglow percentage
   trail: 60, // Afterglow percentage
Line 27: Line 22:
   left: '50%' // Left position relative to parent
   left: '50%' // Left position relative to parent
};
};
 +
var target = document.getElementById('waitmask');
var spinner = new Spinner(opts).spin(target);
var spinner = new Spinner(opts).spin(target);
</script>
</script>

Latest revision as of 19:21, 15 October 2014