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

 
(45 intermediate revisions by 3 users not shown)
Line 4: Line 4:
 
background-size: 100% 100%;
 
background-size: 100% 100%;
 
}
 
}
 +
.HeaderCG{
 +
font-family: Lato_Bold, Arial, sans-serif;
 +
font-size: 25px;
 +
font-weight: normal;
 +
margin: 0 22%;
 +
}
 +
 
</style>
 
</style>
 
<script src="https://static.igem.org/mediawiki/2015/3/3b/Viewerscript.txt" type="text/javascript"> </script>
 
<script src="https://static.igem.org/mediawiki/2015/3/3b/Viewerscript.txt" type="text/javascript"> </script>
Line 34: Line 41:
  
 
});
 
});
 +
}
  
−
$('<a href="https://2015.igem.org/Team:TU_Eindhoven/CG_FullScreen"><div id="fullScreen">Watch in full screen</div></a>').appendTo($("#flipbookContainer")).css({
+
$(document).ready(function(){
 +
$('<a target = "_blank" href="https://2015.igem.org/Team:TU_Eindhoven/Collaborations/CloningGuide/FullScreen">Watch in full screen</a><a class="PDFDownload" href="https://static.igem.org/mediawiki/2015/9/9a/TU_Eindhoven_The_Cloning_Guide.pdf">Download the PDF</a>').appendTo($("#flipbookContainer")).css({
 
'-moz-box-shadow':'inset 0px 1px 0px 0px #97c4fe',
 
'-moz-box-shadow':'inset 0px 1px 0px 0px #97c4fe',
 
'-webkit-box-shadow':'inset 0px 1px 0px 0px #97c4fe',
 
'-webkit-box-shadow':'inset 0px 1px 0px 0px #97c4fe',
Line 59: Line 68:
 
'padding':'6px 24px',
 
'padding':'6px 24px',
 
'text-decoration':'none',
 
'text-decoration':'none',
−
'text-shadow':'0px 1px 0px #1570cd'});
+
        'margin-top':'10px',
 +
        'margin-left':'calc(50% - 99px)',
 +
'text-shadow':'0px 1px 0px #1570cd'})
  
 +
$('.PDFDownload').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',
 +
        'margin-left':'calc(50% - 93px)',})
 +
})
  
 
// Load the HTML4 version if there's not CSS transform
 
// Load the HTML4 version if there's not CSS transform
Line 73: Line 111:
  
 
</script>
 
</script>
 +
<span class="HeaderCG">Feel free to browse through the cloning guide.</span><br /><br />
 
<div id="flipbookContainer">
 
<div id="flipbookContainer">
 
<div class="flipbook">
 
<div class="flipbook">
Line 117: Line 156:
 
<div style="background-image:url('https://static.igem.org/mediawiki/2015/e/e2/TU_Eindhoven_CloningGuide_paginas41.png')"></div>
 
<div style="background-image:url('https://static.igem.org/mediawiki/2015/e/e2/TU_Eindhoven_CloningGuide_paginas41.png')"></div>
 
<div style="background-image:url('https://static.igem.org/mediawiki/2015/7/7c/TU_Eindhoven_CloningGuide_paginas42.png')"></div>
 
<div style="background-image:url('https://static.igem.org/mediawiki/2015/7/7c/TU_Eindhoven_CloningGuide_paginas42.png')"></div>
−
<div style="background-image:url('https://2015.igem.org/File:TU_Eindhoven_CloningGuide_paginas43.png')"></div>
+
<div style="background-image:url('https://static.igem.org/mediawiki/2015/9/96/TU_Eindhoven_CloningGuide_paginas43.png')"></div>
 
<div style="background-image:url('https://static.igem.org/mediawiki/2015/1/14/TU_Eindhoven_CloningGuide_paginas44.png')"></div>
 
<div style="background-image:url('https://static.igem.org/mediawiki/2015/1/14/TU_Eindhoven_CloningGuide_paginas44.png')"></div>
 
<div style="background-image:url('https://static.igem.org/mediawiki/2015/4/4e/TU_Eindhoven_CloningGuide_paginas45.png')"></div>
 
<div style="background-image:url('https://static.igem.org/mediawiki/2015/4/4e/TU_Eindhoven_CloningGuide_paginas45.png')"></div>
Line 146: Line 185:
 
<div style="background-image:url('https://static.igem.org/mediawiki/2015/9/97/TU_Eindhoven_CloningGuide_paginas70.png')"></div>
 
<div style="background-image:url('https://static.igem.org/mediawiki/2015/9/97/TU_Eindhoven_CloningGuide_paginas70.png')"></div>
 
<div style="background-image:url('https://static.igem.org/mediawiki/2015/b/bb/TU_Eindhoven_CloningGuide_paginas71.png')"></div>
 
<div style="background-image:url('https://static.igem.org/mediawiki/2015/b/bb/TU_Eindhoven_CloningGuide_paginas71.png')"></div>
−
<div style="background-image:url('hhttps://static.igem.org/mediawiki/2015/f/fd/TU_Eindhoven_CloningGuide_paginas72.png')"></div>
+
<div style="background-image:url('https://static.igem.org/mediawiki/2015/f/fd/TU_Eindhoven_CloningGuide_paginas72.png')"></div>
 
<div style="background-image:url('https://static.igem.org/mediawiki/2015/6/63/TU_Eindhoven_CloningGuide_paginas73.png')"></div>
 
<div style="background-image:url('https://static.igem.org/mediawiki/2015/6/63/TU_Eindhoven_CloningGuide_paginas73.png')"></div>
 
<div style="background-image:url('https://static.igem.org/mediawiki/2015/d/d9/TU_Eindhoven_CloningGuide_paginas74.png')"></div>
 
<div style="background-image:url('https://static.igem.org/mediawiki/2015/d/d9/TU_Eindhoven_CloningGuide_paginas74.png')"></div>
Line 157: Line 196:
  
 
 
−
<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://static.igem.org/mediawiki/2015/9/98/TU_Eindhoven_paginas80.png')"></div>
 
</div>
 
</div>
 
</div>
 
</div>
−
 
 
</html>
 
</html>

Latest revision as of 23:49, 20 November 2015

Feel free to browse through the cloning guide.