User:Macowell/podcasts redesign
From 2007.igem.org
(Difference between revisions)
(first template up! whoo hoo!) |
m |
||
| Line 8: | Line 8: | ||
float: none; | float: none; | ||
border: 1px dotted #c7cbce; | border: 1px dotted #c7cbce; | ||
| - | width: | + | width: 400px; |
| - | height: | + | height: 110px; |
| - | padding: 4px; | + | padding: 0px 4px 4px 4px; |
| + | background-color: #f1f1f1; | ||
} | } | ||
.podcast h3{ | .podcast h3{ | ||
| Line 20: | Line 21: | ||
.podcast a:link, .podcast a:visited{ | .podcast a:link, .podcast a:visited{ | ||
text-decoration: none; | text-decoration: none; | ||
| + | color: #3d3d3d; | ||
| + | } | ||
| + | .podcast a:hover { | ||
| + | color: #aaaaff; | ||
| + | } | ||
| + | a:hover.screenshot { | ||
} | } | ||
.podcast .screenshot { | .podcast .screenshot { | ||
float: left; | float: left; | ||
position: relative; | position: relative; | ||
| - | |||
| - | |||
clear: none; | clear: none; | ||
display: block; | display: block; | ||
| Line 37: | Line 42: | ||
.podcast .screenshot span { | .podcast .screenshot span { | ||
position: absolute; | position: absolute; | ||
| - | bottom: 0px; | + | bottom:0px; |
right: 1px; | right: 1px; | ||
| - | padding: | + | padding: 4px 20px 4px 26px; |
| - | background: url(https://static.igem.org/mediawiki/2007/0/09/Podcast-download-bg.gif) no-repeat | + | background: url(https://static.igem.org/mediawiki/2007/0/09/Podcast-download-bg.gif) no-repeat; |
| - | font-size: 0. | + | font-size: 0.8em; |
line-height: 1; | line-height: 1; | ||
} | } | ||
| Line 47: | Line 52: | ||
padding: 0 0 0 0.5em; | padding: 0 0 0 0.5em; | ||
} | } | ||
| - | |||
.podcast .description { | .podcast .description { | ||
display: block; | display: block; | ||
position: relative; | position: relative; | ||
float: left; | float: left; | ||
| - | width: | + | width: 220px; |
margin-left: 3px; | margin-left: 3px; | ||
padding-left: 1.2em; | padding-left: 1.2em; | ||
| + | } | ||
| + | .screenshot img:hover { | ||
| + | border: 1px solid #aaaaff; | ||
| + | |||
} | } | ||
</style></html> | </style></html> | ||
| Line 60: | Line 68: | ||
<html> | <html> | ||
<div class="podcast"> | <div class="podcast"> | ||
| - | <h3> | + | <h3><a rel="enclosure" href="http://blip.tv/file/get/IgemLabs-iGEMExplainer01DrewEndyDefiningSyntheticBiology399.flv" onclick="window.popup_player_258600 = window.open('http://blip.tv/file/254077/?skin=popup&file_type=flv','post_258600','toolbar=no,scrollbars=no,directories=no,resizable=yes,width=360,height=305,top=20,left=20,location=no,menubar=no,status=yes,'); return false;"> |
Drew Endy: Defining Synthetic Biology | Drew Endy: Defining Synthetic Biology | ||
| - | </h3> | + | </a></h3> |
<div class="screenshot"> | <div class="screenshot"> | ||
| + | <a rel="enclosure" href="http://blip.tv/file/get/IgemLabs-iGEMExplainer01DrewEndyDefiningSyntheticBiology399.flv" onclick="window.popup_player_258600 = window.open('http://blip.tv/file/254077/?skin=popup&file_type=flv','post_258600','toolbar=no,scrollbars=no,directories=no,resizable=yes,width=360,height=305,top=20,left=20,location=no,menubar=no,status=yes,'); return false;"> | ||
<img src="https://static.igem.org/mediawiki/2007/6/6d/IGEMExplainer_EndyQA1_DefineSB_screenshot.jpg" width="133" height="100" alt="" /> | <img src="https://static.igem.org/mediawiki/2007/6/6d/IGEMExplainer_EndyQA1_DefineSB_screenshot.jpg" width="133" height="100" alt="" /> | ||
| + | </a> | ||
<span class="download"> | <span class="download"> | ||
<a href="http://igem.blip.tv/file/get/IgemLabs-iGEMExplainer01DrewEndyDefiningSyntheticBiology399.mov">screen</a> | <a href="http://igem.blip.tv/file/get/IgemLabs-iGEMExplainer01DrewEndyDefiningSyntheticBiology399.mov">screen</a> | ||
| Line 71: | Line 81: | ||
</div> | </div> | ||
<div class="description"> | <div class="description"> | ||
| - | "Make it easier to build things. Define the things you are building with by using standards. Hide biological complexity with abstraction." | + | "Make it easier to build things. Define the things you are building with by using standards. Hide biological complexity with abstraction." </div> |
| - | </div> | + | |
</div> | </div> | ||
</html> | </html> | ||
Revision as of 20:29, 19 June 2007
Drew Endy: Defining Synthetic Biology
"Make it easier to build things. Define the things you are building with by using standards. Hide biological complexity with abstraction."
