Difference between revisions of "Template:Team:TU Eindhoven/CloningGuideViewer HTML"

Line 34: Line 34:
  
 
});
 
});
−
}
+
 
 +
$('<a href="https://2015.igem.org/Team:TU_Eindhoven/CG_FullScreen"><div id="fullScreen">Watch in full screen</div></a>').appendTo($("#flipbookContainer")).css({
 +
'-moz-box-shadow':'inset 0px 1px 0px 0px #97c4fe',
 +
'-webkit-box-shadow':'inset 0px 1px 0px 0px #97c4fe',
 +
'box-shadow':'inset 0px 1px 0px 0px #97c4fe',
 +
'background':'-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0))',
 +
'background':'-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);',
 +
'background':'-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%)',
 +
'background':'-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%)',
 +
'background':'-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%)',
 +
'background':'linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%)',
 +
'filter:progid':'DXImageTransform.Microsoft.gradient(startColorstr="#3d94f6", endColorstr="#1e62d0",GradientType=0)',
 +
'background-color':'#3d94f6',
 +
'-moz-border-radius':'6px',
 +
'-webkit-border-radius':'6px',
 +
'border-radius':'6px',
 +
'border':'1px solid #337fed',
 +
'display':'inline-block',
 +
'cursor':'pointer',
 +
'color':'#ffffff',
 +
'font-family':'Arial',
 +
'font-size':'15px',
 +
'font-weight':'bold',
 +
'padding':'6px 24px',
 +
'text-decoration':'none',
 +
'text-shadow':'0px 1px 0px #1570cd'});
 +
 
  
 
// Load the HTML4 version if there's not CSS transform
 
// Load the HTML4 version if there's not CSS transform
Line 47: Line 73:
  
 
</script>
 
</script>
−
 
+
<div id="flipbookContainer">
 
<div class="flipbook">
 
<div class="flipbook">
 
<div style="background-image:url('https://static.igem.org/mediawiki/2015/6/6b/TU_Eindhoven_CloningGuide_front.png')"></div>
 
<div style="background-image:url('https://static.igem.org/mediawiki/2015/6/6b/TU_Eindhoven_CloningGuide_front.png')"></div>
Line 133: Line 159:
 
<div style="background-image:url('https://s-media-cache-ak0.pinimg.com/originals/db/bf/55/dbbf555719e6f1d1f0f5060222f15848.jpg')"></div>
 
<div style="background-image:url('https://s-media-cache-ak0.pinimg.com/originals/db/bf/55/dbbf555719e6f1d1f0f5060222f15848.jpg')"></div>
 
</div>
 
</div>
 +
</div>
  
 
</html>
 
</html>

Revision as of 19:05, 18 September 2015