"
Team:Dundee/HumanPractice/Comic
From 2013.igem.org
(Difference between revisions)
Kyleharrison (Talk | contribs) |
Kyleharrison (Talk | contribs) |
||
| 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 178: | Line 202: | ||
</center> | </center> | ||
| - | <div id=" | + | <div id="wrapperCon "> |
<!-- 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=" | + | <img id="comicpage" src="page-0.jpg" width="1300" height="1838"> |
<!-- Optional: The demo textbox --> | <!-- Optional: The demo textbox --> | ||
| Line 190: | Line 214: | ||
<!-- Optional: Navigation --> | <!-- Optional: Navigation --> | ||
<nav id="imgplayer-nav"></nav> | <nav id="imgplayer-nav"></nav> | ||
| - | + | ||
</div> | </div> | ||
Revision as of 00:35, 2 September 2013
