Team:Dundee/HumanPractice/Comic

From 2013.igem.org

(Difference between revisions)
Line 117: Line 117:
</script>
</script>
-
 
-
<style type="text/css">
 
-
#wrapperCon { color: #555; margin: 0 auto; margin-top: 30px; text-align: center; }
 
-
#title { position: fixed; top: 20px; left: 20px; text-align: left; }
 
-
#title h1 { color: #333; margin: 0; padding: 0; text-shadow: #000000 0px 0px 8px; -webkit-text-shadow: #000000 0px 0px 8px; }
 
-
#title h1 span { display: block; }
 
-
#text { color: #444; font-size: 16px; line-height:150%;  letter-spacing: 0; padding: 10px; /*background-color: #222; border: 1px solid #111;*/ width: 460px; margin: 0 auto; margin-top: 10px; }
 
-
#comicpage { display: none }
 
-
#navigation { text-align: center; margin: 10px 0 0 0;  }
 
-
 
-
/* imgplayer.css Overrides */
 
-
 
-
.imgplayer-frame {
 
-
position:relative;
 
-
background-color: #222;
 
-
border: 12px solid #222;
 
-
/* border-radius: 31px; */
 
-
}
 
-
 
-
.imgplayer-borderradius {
 
-
background-color: #222;
 
-
}
 
-
 
-
</style>
 
Line 202: Line 178:
</center>
</center>
-
<div id="wrapperCon ">
+
<div id="wrapper">
<!-- That's the page.  
<!-- That's the page.  
It's important to set the width & height attributes,
It's important to set the width & height attributes,
otherwise the image doesn't load in Webkit browsers -->
otherwise the image doesn't load in Webkit browsers -->
-
<img id="comicpage" src="page-0.jpg" width="1300" height="1838">
+
<img id="comicpage" src="http://www.kyleharrison.co.uk/igem/Comic/demo/page-0.jpg" width="1300" height="1838">
<!-- Optional: The demo textbox -->
<!-- Optional: The demo textbox -->
Line 214: Line 190:
<!-- Optional: Navigation -->
<!-- Optional: Navigation -->
<nav id="imgplayer-nav"></nav>
<nav id="imgplayer-nav"></nav>
-
+
 
</div>
</div>

Revision as of 00:36, 2 September 2013

iGEM Dundee 2013 · ToxiMop

iGEM Dundee Motion Comic | Demo at KyleHarrison.co.uk

Page : 1