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

Line 36: Line 36:
 
}
 
}
  
$(document).ready(function(){
 
$('<a target = "_blank" href="https://2015.igem.org/Team:TU_Eindhoven/Collaborations/CloningGuide/FullScreen">Watch in full screen</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',
 
        'margin-left':'calc(50% - 99px)',
 
'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 76: Line 48:
  
 
</script>
 
</script>
 +
<br /><br />
 
<div id="containercontent">
 
<div id="containercontent">
<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 163: Line 136:
 
<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:39, 18 September 2015