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

 
(22 intermediate revisions by 2 users not shown)
Line 5: Line 5:
 
}
 
}
 
.HeaderCG{
 
.HeaderCG{
font-family: Lato_Bold_Italic, Arial, sans-serif;
+
font-family: Lato_Bold, Arial, sans-serif;
 
font-size: 25px;
 
font-size: 25px;
margin: 0;
 
 
font-weight: normal;
 
font-weight: normal;
display: inline;
+
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 44: Line 44:
  
 
$(document).ready(function(){
 
$(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({
+
$('<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 71: Line 71:
 
         'margin-left':'calc(50% - 99px)',
 
         'margin-left':'calc(50% - 99px)',
 
'text-shadow':'0px 1px 0px #1570cd'})
 
'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)',})
 
})
 
})
  
Line 84: Line 111:
  
 
</script>
 
</script>
<span class="HeaderCG">Feel free to browse through our cloning guide or download the PDF.</span>
+
<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">

Latest revision as of 23:49, 20 November 2015

Feel free to browse through the cloning guide.