Team:Penn

From 2011.igem.org

(Difference between revisions)
 
(111 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
-
<style>
+
<head profile="http://gmpg.org/xfn/11">
-
/*
+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-
Theme Name: InStyle
+
<title>Penn iGEM 2011 | </title>
-
Theme URI: http://go.wordpresselegantthemes.com/elegantthemes
+
-
Version: 1.9
+
-
Description: 2 Column theme from Elegant Themes
+
-
Author: Elegant Themes
+
-
Author URI: http://wordpresselegantthemes.com
+
-
*/
+
 +
<link rel="stylesheet" href="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/style.css" type="text/css" media="screen" />
-
/*------------------------------------------------*/
+
<link rel="alternate" type="application/rss+xml" title="Penn iGEM 2011 RSS Feed" href="http://benjaminshyong.com/igem2011/feed/" />
-
/*-----------------[RESET]------------------------*/
+
<link rel="alternate" type="application/atom+xml" title="Penn iGEM 2011 Atom Feed" href="http://benjaminshyong.com/igem2011/feed/atom/" />
-
/*------------------------------------------------*/
+
<link rel="pingback" href="http://benjaminshyong.com/igem2011/xmlrpc.php" />
-
/* http://meyerweb.com/eric/tools/css/reset/ */
+
<!--[if lt IE 7]>
-
/* v1.0 | 20080212 */
+
<link rel="stylesheet" type="text/css" href="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/css/ie6style.css" />
 +
<script type="text/javascript" src="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/js/DD_belatedPNG_0.0.8a-min.js"></script>
 +
<script type="text/javascript">DD_belatedPNG.fix('img#logo, span.overlay, a.zoom-icon, a.more-icon, #menu, #menu-right, #menu-content, ul#top-menu ul, #featured a#left-arrow, #featured a#right-arrow, #top-bottom, #top .container, #recent-projects, #recent-projects-right, #recent-projects-content, .project-overlay, span#down-arrow, #footer-content, #footer-top, .footer-widget ul li, span.post-overlay, #content-area, .avatar-overlay, .comment-arrow');</script>
 +
<![endif]-->
 +
<!--[if IE 7]>
 +
<link rel="stylesheet" type="text/css" href="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/css/ie7style.css" />
 +
<![endif]-->
 +
<!--[if IE 8]>
 +
<link rel="stylesheet" type="text/css" href="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/css/ie8style.css" />
 +
<![endif]-->
-
html, body, div, span, applet, object, iframe,
+
<script type="text/javascript">
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+
document.documentElement.className = 'js';
-
a, abbr, acronym, address, big, cite, code,
+
</script>
-
del, dfn, em, font, img, ins, kbd, q, s, samp,
+
-
small, strike, strong, sub, sup, tt, var,
+
-
b, u, i, center,
+
-
dl, dt, dd, ol, ul, li,
+
-
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
+
-
body { line-height: 1; }
+
<link rel="alternate" type="application/rss+xml" title="Penn iGEM 2011 &raquo; Feed" href="http://benjaminshyong.com/igem2011/feed/" />
-
ol, ul { list-style: none; }
+
<link rel="alternate" type="application/rss+xml" title="Penn iGEM 2011 &raquo; Comments Feed" href="http://benjaminshyong.com/igem2011/comments/feed/" />
-
blockquote, q { quotes: none; }
+
<meta content="Envisioned v.1.2" name="generator"/>
 +
<style type="text/css">
 +
body { color: #333333; }
 +
#content-area a { color: #; }
 +
ul.nav li a { color: #; }
 +
ul.nav > li.current_page_item > a, ul#top-menu > li:hover > a, ul.nav > li.current-cat > a { color: #; }
 +
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #; }
 +
 +
#sidebar a { color:#; }
 +
div#footer { color:# }
 +
#footer a, ul#bottom-menu li a { color:# }
 +
</style>
-
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
+
<link media="screen" type="text/css" href="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/epanel/page_templates/js/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" />
 +
<link media="screen" type="text/css" href="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/epanel/page_templates/page_templates.css" rel="stylesheet" /><link rel='stylesheet' id='et-shortcodes-css-css'  href='http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/epanel/shortcodes/shortcodes.css?ver=1.7' type='text/css' media='all' />
 +
<script type='text/javascript' src='http://benjaminshyong.com/igem2011/wp-includes/js/l10n.js?ver=20101110'></script>
 +
<script type='text/javascript' src='http://benjaminshyong.com/igem2011/wp-includes/js/jquery/jquery.js?ver=1.6.1'></script>
 +
<script type='text/javascript' src='http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/epanel/shortcodes/js/et_shortcodes_frontend.js?ver=1.7'></script>
 +
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://benjaminshyong.com/igem2011/xmlrpc.php?rsd" />
 +
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://benjaminshyong.com/igem2011/wp-includes/wlwmanifest.xml" />
 +
<link rel='index' title='Penn iGEM 2011' href='http://benjaminshyong.com/igem2011/' />
 +
<meta name="generator" content="WordPress 3.2.1" />
 +
<!-- used in scripts --><meta name="et_featured_auto_speed" content="7000" /><meta name="et_disable_toptier" content="0" /><meta name="et_featured_slider_auto" content="0" /><meta name="et_featured_slider_pause" content="0" /><meta name="et_cufon" content="1" />
 +
</head>
 +
<body class="home blog chrome">
 +
<div id="top">
 +
<div id="top-wrapper">
 +
<div id="top-content">
 +
<div id="bottom-light">
 +
<div class="container">
 +
<a href="http://benjaminshyong.com/igem2011">
 +
<img src="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/images/logo.png" alt="Envisioned Logo" id="logo"/>
 +
</a>
 +
<div id="menu" class="clearfix">
 +
<div id="menu-right">
 +
<div id="menu-content">
 +
<ul id="top-menu" class="nav"><li id="menu-item-62" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-62"><a href="http://benjaminshyong.com/igem2011/">Home</a></li>
 +
<li id="menu-item-217" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-217"><a href="http://benjaminshyong.com/igem2011/project/overview/">Project</a>
 +
<ul class="sub-menu">
 +
<li id="menu-item-73" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-73"><a href="http://benjaminshyong.com/igem2011/project/overview/">Overview</a></li>
 +
<li id="menu-item-72" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-72"><a href="http://benjaminshyong.com/igem2011/project/our-system/">Our System</a></li>
 +
<li id="menu-item-74" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-74"><a href="http://benjaminshyong.com/igem2011/project/protocols/">Protocols</a></li>
 +
<li id="menu-item-70" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-70"><a href="http://benjaminshyong.com/igem2011/project/future-directions/">Future Directions</a></li>
 +
</ul>
 +
</li>
 +
<li id="menu-item-75" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-75"><a href="http://benjaminshyong.com/igem2011/results/">Results</a>
 +
<ul class="sub-menu">
 +
<li id="menu-item-270" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-270"><a href="http://benjaminshyong.com/igem2011/results/luminometer/">Luminometer Experiments</a></li>
 +
<li id="menu-item-269" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-269"><a href="http://benjaminshyong.com/igem2011/results/ivis-imaging/">iVIS Imaging</a></li>
 +
<li id="menu-item-268" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-268"><a href="http://benjaminshyong.com/igem2011/results/fura-2-calcium-imaging/">Fura-2 Calcium Imaging</a></li>
 +
</ul>
 +
</li>
 +
<li id="menu-item-67" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-67"><a href="http://benjaminshyong.com/igem2011/biobrick/">Biobrick</a></li>
 +
<li id="menu-item-68" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-68"><a href="http://benjaminshyong.com/igem2011/notebook/">Notebook</a></li>
 +
<li id="menu-item-76" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76"><a href="http://benjaminshyong.com/igem2011/safety-and-society/">Human Practices</a>
 +
<ul class="sub-menu">
 +
<li id="menu-item-314" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-314"><a href="http://benjaminshyong.com/igem2011/safety-and-society/media-and-synthetic-biology/">Media and Synthetic Biology</a></li>
 +
<li id="menu-item-313" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-313"><a href="http://benjaminshyong.com/igem2011/safety-and-society/survey-results/">Survey Results</a></li>
 +
</ul>
 +
</li>
 +
<li id="menu-item-78" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78"><a href="http://benjaminshyong.com/igem2011/safety/">Safety</a></li>
 +
<li id="menu-item-63" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-63"><a href="http://benjaminshyong.com/igem2011/about-us/">About Us</a>
 +
<ul class="sub-menu">
 +
<li id="menu-item-66" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-66"><a href="http://benjaminshyong.com/igem2011/about-us/the-team/">The Team</a></li>
 +
<li id="menu-item-64" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64"><a href="http://benjaminshyong.com/igem2011/about-us/advisors/">Advisors</a></li>
 +
<li id="menu-item-237" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-237"><a href="http://benjaminshyong.com/igem2011/about-us/sponsors/">Sponsors</a></li>
 +
</ul>
 +
</li>
 +
<li id="menu-item-87" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-87"><a href="https://2011.igem.org/Main_Page">iGEM</a></li>
 +
</ul>
 +
<div id="social-icons">
 +
<a href='http://twitter.com/#!/Pennigem' target='_blank'><img alt='Twitter' src='http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/images/twitter.png' /></a><a href='http://benjaminshyong.com/igem2011/feed/rss/' target='_blank'><img alt='Rss' src='http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/images/rss.png' /></a><a href='http://www.facebook.com/groups/120135928066409/' target='_blank'><img alt='Facebook' src='http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/images/facebook.png' /></a> </div> <!-- end #social-icons -->
 +
</div> <!-- end #menu-content -->
 +
</div> <!-- end #menu-right -->
 +
</div> <!-- end #menu -->
 +
 +
</div> <!-- end .container -->
 +
 +
<div id="featured">
 +
<div class="container">
 +
<div class="slide active">
 +
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/IMG_1200-500x335.jpg"  class="thumb" alt="Project" title="Project" /> <div class="description"><h2>Project</h2></div>
 +
 +
<div class="additional">
 +
<a class="prevslide" href="#">Previous</a>
 +
<a class="nextslide" href="#">Next</a>
 +
<a class="featured-zoom fancybox" href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/IMG_1200.jpg" rel="featured" title="Project">Zoom In</a>
 +
<a class="featured-more" href="http://benjaminshyong.com/igem2011/project/">Read More</a>
 +
</div> <!-- end .additional -->
 +
</div> <!-- end .slide -->
 +
<div class="slide">
 +
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/uJ73GVdz-500x335.jpg"  class="thumb" alt="Results" title="Results" /> <div class="description"><h2>Results</h2></div>
 +
 +
<div class="additional">
 +
<a class="prevslide" href="#">Previous</a>
 +
<a class="nextslide" href="#">Next</a>
 +
<a class="featured-zoom fancybox" href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/uJ73GVdz.jpg" rel="featured" title="Results">Zoom In</a>
 +
<a class="featured-more" href="http://benjaminshyong.com/igem2011/results/">Read More</a>
 +
</div> <!-- end .additional -->
 +
</div> <!-- end .slide -->
 +
<div class="slide">
 +
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/Notebook-500x335.jpg"  class="thumb" alt="Notebook" title="Notebook" /> <div class="description"><h2>Notebook</h2></div>
 +
 +
<div class="additional">
 +
<a class="prevslide" href="#">Previous</a>
 +
<a class="nextslide" href="#">Next</a>
 +
<a class="featured-zoom fancybox" href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/Notebook.jpg" rel="featured" title="Notebook">Zoom In</a>
 +
<a class="featured-more" href="http://benjaminshyong.com/igem2011/notebook/">Read More</a>
 +
</div> <!-- end .additional -->
 +
</div> <!-- end .slide -->
 +
<div class="slide">
 +
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/team-photo-500x335.jpg"  class="thumb" alt="About Us" title="About Us" /> <div class="description"><h2>About Us</h2></div>
 +
 +
<div class="additional">
 +
<a class="prevslide" href="#">Previous</a>
 +
<a class="nextslide" href="#">Next</a>
 +
<a class="featured-zoom fancybox" href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/team-photo.jpg" rel="featured" title="About Us">Zoom In</a>
 +
<a class="featured-more" href="http://benjaminshyong.com/igem2011/about-us/">Read More</a>
 +
</div> <!-- end .additional -->
 +
</div> <!-- end .slide -->
 +
<div class="slide">
 +
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/IMG_1207-500x335.jpg"  class="thumb" alt="Human Practices" title="Human Practices" /> <div class="description"><h2>Human Practices</h2></div>
 +
 +
<div class="additional">
 +
<a class="prevslide" href="#">Previous</a>
 +
<a class="nextslide" href="#">Next</a>
 +
<a class="featured-zoom fancybox" href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/IMG_1207.jpg" rel="featured" title="Human Practices">Zoom In</a>
 +
<a class="featured-more" href="http://benjaminshyong.com/igem2011/safety-and-society/">Read More</a>
 +
</div> <!-- end .additional -->
 +
</div> <!-- end .slide -->
 +
<div class="slide">
 +
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/goggles-500x335.jpg"  class="thumb" alt="Laboratory Safety" title="Laboratory Safety" /> <div class="description"><h2>Laboratory Safety</h2></div>
 +
 +
<div class="additional">
 +
<a class="prevslide" href="#">Previous</a>
 +
<a class="nextslide" href="#">Next</a>
 +
<a class="featured-zoom fancybox" href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/goggles.jpg" rel="featured" title="Laboratory Safety">Zoom In</a>
 +
<a class="featured-more" href="http://benjaminshyong.com/igem2011/safety/">Read More</a>
 +
</div> <!-- end .additional -->
 +
</div> <!-- end .slide -->
 +
<div class="slide">
 +
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/System-Diagram-500x335.png"  class="thumb" alt="Biobrick" title="Biobrick" /> <div class="description"><h2>Biobrick</h2></div>
 +
 +
<div class="additional">
 +
<a class="prevslide" href="#">Previous</a>
 +
<a class="nextslide" href="#">Next</a>
 +
<a class="featured-zoom fancybox" href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/System-Diagram.png" rel="featured" title="Biobrick">Zoom In</a>
 +
<a class="featured-more" href="http://benjaminshyong.com/igem2011/biobrick/">Read More</a>
 +
</div> <!-- end .additional -->
 +
</div> <!-- end .slide -->
 +
</div> <!-- end .container -->
 +
 +
<div id="slider-left-overlay"></div>
 +
<div id="slider-right-overlay"></div>
 +
</div> <!-- end #featured -->
 +
</div> <!-- end #bottom-light -->
 +
</div> <!-- end #top-content -->
 +
</div> <!-- end #top-wrapper -->
 +
</div> <!-- end #top -->
 +
 +
<div id="content">
 +
<div id="content-shadow">
-
/* remember to define focus styles! */
+
-
:focus { outline: 0; }
+
-
/* remember to highlight inserts somehow! */
+
<div id="quote">
-
ins { text-decoration: none; }
+
-
del { text-decoration: line-through; }
+
-
/* tables still need 'cellspacing="0"' in the markup */
+
<div id="quote-inner">
-
table { border-collapse: collapse; border-spacing: 0; }
+
 +
<div class="container">
-
/*------------------------------------------------*/
+
<span id="quote-icon"></span>
-
/*-----------------[BASIC STYLES]-----------------*/
+
-
/*------------------------------------------------*/
+
-
body { line-height: 18px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #838383; text-shadow: 1px 1px 1px #ffffff; background: #000; }
+
<p>Optogenetics and Cellular Signaling: <br/>creating a robust light-based cell-to-cell communication system</p>
-
a { text-decoration: none; color: #00b7f3; }
+
<a href="https://2011.igem.org/Team:Penn/about-us/sponsors/" class="additional-info"><span>Sponsors</span></a>
-
a:hover { text-decoration: underline; }
+
-
.clear { clear: both; }
+
-
.ui-tabs-hide { display: none; }
+
-
br.clear { margin: 0px; padding: 0px; }
+
-
h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #151515; letter-spacing: -1px; line-height: 1em; font-weight: normal; }
+
</div> <!-- end .container -->
-
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #151515; }
+
-
h1 { font-size: 30px; }
+
-
h2 { font-size: 24px; }
+
-
h3 { font-size: 22px; }
+
-
h4 { font-size: 18px; }
+
-
h5 { font-size: 16px; }
+
-
h6 { font-size: 14px; }
+
-
p { padding-bottom: 10px; line-height: 18px; }
+
-
strong { font-weight: bold; color: #1c1c1c; }
+
-
cite, em, i { font-style: italic; }
+
-
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
+
-
ins { text-decoration: none; }
+
-
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
+
-
sup { bottom: 0.8em; }
+
-
sub { top: 0.3em; }
+
-
dl { margin: 0 0 1.5em 0; }
+
-
dl dt { font-weight: bold; }
+
-
dd  { margin-left: 1.5em;}
+
-
blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
+
-
blockquote p { padding-bottom: 0px; }
+
-
input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
+
</div> <!-- end #quote-inner -->
-
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
+
-
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
+
-
textarea { padding: 4px; }
+
-
img#about-image { float: left; margin: 3px 8px 8px 0px; }
+
</div> <!-- end #quote -->
-
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
+
-
* html .clearfix            { zoom: 1; } /* IE6 */
+
-
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
+
-
/*------------------------------------------------*/
+
<div id="home-gallery">
-
/*---------------[MAIN LAYOUT INFO]---------------*/
+
-
/*------------------------------------------------*/
+
-
#background { position: relative; }
+
<div class="container clearfix">
-
#backgrounds img { position: fixed; top: 0px; left: 0px; height: auto; min-height: 100%; min-width: 1024px; width: 100%; }
+
-
+
-
#header { background: url(images/header-bg.png) top left; border: 1px solid rgba(255,255,255,0.3); border-top: none; box-shadow: 0px 5px 7px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 5px 7px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 5px 7px 1px rgba(0, 0, 0, 0.1); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-top-left-radius: 0px;-moz-border-radius-topleft: 0px; border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; margin-left: 5%; margin-right: 5%; padding: 18px 17px 16px 30px; margin-bottom: 93px; position: relative; }
+
-
#logo { float: left; }
+
-
#header-right { float: right; }
+
-
ul#top-menu { float: left; margin-top: 10px; }
+
-
#search-form { float: right; background: url(images/search-bg.png) no-repeat; width: 197; height: 37px; margin-left: 35px; }
+
-
#search-form #searchinput { background: none; border: none; float: left; margin: 9px 7px 0 0px; width: 149px; padding-left: 15px; font-size: 12px; font-family: 'Yanone Kaffeesatz', Arial, sans-serif; color: #67647e; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); font-size: 14px; }
+
-
#search-form #searchsubmit { margin-top: 12px; padding-top: 0px; margin-right: 9px; }
+
-
+
-
#container { text-align: left; margin: 0 auto; width: 960px; position: relative; }
+
-
#featured-text { height: 123px; position: relative; margin-bottom: 115px; }
+
-
.slide h2.title { font-size: 72px; margin-bottom: 10px; }
+
-
.slide h2.title a { color:#ffffff; text-decoration:none; }
+
-
.slide { font-size: 30px; color:#ffffff; margin-bottom: 105px; position: absolute; top: 0px; left: 0px; text-align:center; width: 960px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
+
-
+
-
#services { margin-bottom: 135px; }
+
-
#services .thumbnails { height: 145px; }
+
-
#services .description { background: url(images/service-bg.png) repeat-x bottom left #fafafa; padding: 5px 20px 20px 23px; }
+
-
.service { width: 279px; position: relative; margin-right: 61px; float: left; padding: 5px 0 0; }
+
-
.service-top { background: url(images/brurb-top.png) no-repeat; height: 151px; padding: 5px 8px 0 6px; }
+
-
.service-description-bottom { padding-bottom: 13px; background: url(images/brurb-bottom.png) no-repeat bottom left; }
+
-
.service-description { background: url(images/brurb-bg.png) repeat-y; padding: 0 8px 0 6px; }
+
-
.last { margin-right: 0px; }
+
-
.service-thumb { display:block; float:left; position:relative; }
+
-
.service-thumb span.overlay { background:url(images/box-overlay.png) no-repeat; display:block; height:145px; left:0px; position:absolute; top:0px; width:265px; }
+
-
+
-
h3.title { position: absolute; text-transform: uppercase; top: 68px; font-weight: bold; left: 0px; padding: 0px 5px; text-align: center; width: 253px; }
+
-
h3.title a { color: #f6f6f6; text-shadow:1px 1px 1px rgba(0,0,0,0.4); text-decoration:none; }
+
-
span.drop-caps { font-size: 48px; color: #151515; float: left; margin-right:10px; }
+
-
+
-
h1.category-title { font-size:60px; color: #ffffff; text-align:center; margin-top: -42px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
+
-
p.category-tagline { font-size: 28px; color:#ffffff; margin-bottom: 20px; text-align:center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
+
-
+
-
#content-top { background:url(images/content-top-bg.png) no-repeat; height:17px; }
+
-
#content { background:url(images/content-bg.png) repeat-y; padding-bottom: 20px; }
+
-
#content-area { float:left; margin-right:1px; padding:0 0 0 1px; width:699px; }
+
-
#breadcrumbs { font-family: 'Yanone Kaffeesatz', Arial, sans-serif;  font-size:18px; padding:19px 42px; color: #1f1f1f; margin-bottom: 9px; }
+
-
#breadcrumbs a { color:#1f1f1f; }
+
-
#breadcrumbs a:hover { color: #000; text-decoration: none; }
+
-
#breadcrumbs .raquo { color:#acacac; margin: 0 5px; }
+
-
.post { padding:0px 42px 42px 42px; }
+
-
h2.post-title { color: #151515; font-size: 48px; margin-bottom: 2px; }
+
-
p.meta-info { color:#838383; font-family:Georgia,serif; font-size:14px; font-style:italic; margin-bottom:6px; padding:0px 5px 7px 2px; }
+
-
p.meta-info .raquo { color:#dadada; font-family: 'Yanone Kaffeesatz', Arial, sans-serif; font-size:18px; margin-right: 5px; }
+
-
p.meta-info a { color:#565656; text-decoration: none; }
+
-
p.meta-info a:hover { color:#000; }
+
-
div.post-thumbnail { height:237px; margin:6px 20px 0 0; padding:8px 0 0 8px; position:relative; width:211px; margin-right: 35px; }
+
-
span.post-overlay { background:url(images/image-overlay.png) no-repeat;
+
-
display:block; height:245px; left:0; position:absolute; top:0; width:227px; }
+
-
a.readmore { background:url(images/reply.png) no-repeat right bottom; color:#ffffff; display:block; font-weight: bold; font-size:12px; height:29px; line-height:27px; padding-right:13px; text-shadow:1px 1px 1px rgba(0,0,0,0.3); display:block; float:right; }
+
-
a.readmore span { background:url(images/reply.png) no-repeat; display:block; height:29px; padding-left: 15px; }
+
-
.service a.readmore { position: absolute; bottom: -2px; left: 33%; }
+
-
#sidebar { float:left; margin-top:-10px; width:259px; font-family: 'Yanone Kaffeesatz', Arial, sans-serif; font-size:16px; }
+
<div class="project">
-
.widget { background:url(images/widget-separator.png) repeat-x left bottom; padding:25px 27px 15px; }
+
-
.widget h3.widgettitle { color:#151515; font-size:30px; padding-bottom:10px; text-shadow: 1px 1px 1px #fff; }
+
-
.widget ul li { background:url(images/sidebar-bullet.png) no-repeat 0px 7px;
+
-
padding:0 0 10px 14px; }
+
-
.widget ul li a { color: #8f8f8f; text-shadow:1px 1px 1px #ffffff; }
+
-
.widget a:hover { text-decoration: none; color: #000; }
+
-
+
-
#content-bottom { background:url(images/content-bottom-bg.png) no-repeat; height:17px; margin-bottom:45px; }
+
-
+
-
.fullwidth #content-top { background:url(images/fullwidth-content-top-bg.png) no-repeat; }
+
-
.fullwidth #content { background:url(images/fullwidth-content-bg.png) repeat-y; }
+
-
.fullwidth #content-area { width: 960px; }
+
-
.fullwidth #content-bottom { background:url(images/fullwidth-content-bottom-bg.png) no-repeat; }
+
-
+
-
.post ul, .comment-content ul { list-style-type: disc; padding: 10px 0px 10px 20px; }
+
-
.post ol, .comment-content ol { list-style-type: decimal; list-style-position: inside; padding: 10px 0px 10px 2px; }
+
-
.post ul li ul, .post ul li ol, .comment-content ul li ul, .comment-content ul li ol { padding: 2px 0px 2px 20px; }
+
-
.post ol li ul, .post ol li ol, .comment-content ol li ul, .comment-content ol li ol  { padding: 2px 0px 2px 35px; }
+
-
+
-
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { color: #000; }
+
-
.post-title a:hover { text-decoration: none; }
+
-
+
-
.service-slide { position: absolute; top: 0; left: 0; }
+
-
+
-
/*------------------------------------------------*/
+
-
/*---------------[DROPDOWN MENU]------------------*/
+
-
/*------------------------------------------------*/
+
-
ul.nav li { margin-left: 15px; }
+
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/Penn-SEAS-140x94.jpg"  class="project-image" alt="Penn School of Engineering and Applied Science" title="Penn School of Engineering and Applied Science" /> <span class="project-overlay"></span>
-
ul#top-menu a { font-size:18px; color: #fff; font-family: 'Yanone Kaffeesatz', Arial, sans-serif; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); }
+
-
ul#top-menu a:hover { color: #ffeea8;}
+
-
ul#top-menu > li.current_page_item > a, ul#top-menu > li.current-menu-item > a, ul#top-menu > li.sfHover > a { color: #ffeea8 !important; }
+
-
+
-
ul.nav ul { width: 205px; background: url(images/dropdown-bg.png); border: 1px solid rgba(255,255,255,0.3); top: 55px !important; box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:3px 6px 7px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.1); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 12px 0px 13px; z-index: 9999px; display: none; }
+
-
ul.nav span.top-arrow { background: url(images/dropdown-arrow.png) no-repeat; display: block; width: 24px; height: 13px; position: absolute; top: -13px; left: 16px; }
+
-
ul.nav ul li { margin: 0px; padding: 0px 5px; }
+
-
ul.nav ul li a { padding: 6px 5px 8px 15px; width: 160px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
+
-
ul.nav ul li a:hover { background: url(images/dropdown-link.png); }
+
-
+
-
ul.nav li:hover ul ul, ul.nav li.sfHover ul ul { top: -12px !important; left: 191px !important; }
+
-
+
-
/*------------------------------------------------*/
+
-
/*--------------[FEATURED SLIDER]-----------------*/
+
-
/*------------------------------------------------*/
+
-
+
<a href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/Penn-SEAS.jpg" class="zoom-icon fancybox" rel="media" title="Penn School of Engineering and Applied Science">
-
+
Zoom In </a>
-
/*------------------------------------------------*/
+
-
/*-------------------[COMMENTS]-------------------*/
+
-
/*------------------------------------------------*/
+
-
h3#comments { font-size: 48px; color: #fff; }
+
<!--<a href="http://benjaminshyong.com/igem2011/2011/09/28/penn-school-of-engineering-and-applied-science/" class="more-icon">Read more</a>-->
-
div.avatar { position: absolute; padding: 6px 0 0 6px; top: 14px; left: 0; }
+
-
div.avatar span.avatar-overlay { position: absolute; top: 0; left: 0; background: url(images/avatar-overlay.png) no-repeat; width: 69px;height: 69px; }
+
-
#comment-wrap { width: 700px; margin: 0 0 30px; }
+
-
h3#comments, .comment-body { padding-left: 96px; }
+
-
.comment-body { position: relative; margin-bottom: 16px; }
+
-
#comment-wrap div.authordata { width: 69px; margin-right: 26px; }
+
-
.comment-wrap { padding: 1px; background: #fff; position: relative; }
+
-
.comment-arrow { background: url(images/comment-arrow.png) no-repeat; width: 16px; height: 31px; position: absolute; top: 25px; left: -15px; }
+
-
.comment-wrap-inner { background: #fff url(images/comment-wrap-bg.png) repeat-y; border: 2px solid #e7e7e7; padding: 25px 30px 22px 35px; }
+
-
.comment-wrap, .comment-wrap-inner { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;  }
+
-
.comment-meta { color: #dedddd; font-size: 20px; text-shadow: 1px 1px 1px #fff; }
+
-
span.comment-date { color: #aeadad; }
+
-
span.fn, span.fn a { color: #000; }
+
-
.comment-content { color: #525252; text-shadow: 1px 1px 1px #fff; font-family: Georgia, serif; padding-top: 10px; }
+
-
+
-
.comment ul.children { margin-left: 96px; }
+
-
+
-
.reply-container { background: url(images/reply.png) no-repeat right bottom; color: white; display: block; font-weight: bold; font-size: 12px; height: 29px; line-height: 27px; padding-right: 13px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); display: block; float: right; }
+
-
.reply-container a { background: url(images/reply.png) no-repeat; display: block; height: 29px; padding-left: 15px; color: #fff; }
+
-
.reply-container a:hover, a.readmore:hover { color: #eee; text-decoration: none; }
+
-
+
-
#commentform textarea#comment { width: 95%; }
+
-
#commentform input[type=text] { width: 40%; }
+
-
#commentform textarea#comment, #commentform input[type=text] { background: #f7f7f7 url(images/comment-input-bg.png) repeat-x; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #cccccc; padding: 12px; color: #131313; font-size: 14px; font-style: italic; text-shadow: 1px 1px 1px #fff; font-family: Georgia, serif; }
+
-
#commentform p { padding-bottom: 0; }
+
-
li.comment #respond input[type=text] { width: 50% !important; }
+
</div> <!-- end .project -->
-
li.comment #respond h3#comments { display: block; }
+
<div class="project">
-
#commentform input#submit { float: right; border: none; background: url(images/submit.png) no-repeat; font-size: 12px; font-weight: bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); color: #fff; padding: 6px 0 8px 3px; width: 65px; margin-top: 6px; }
+
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/collegeLogo-e1317255477599-140x94.png"  class="project-image" alt="Penn College of Arts and Sciences" title="Penn College of Arts and Sciences" /> <span class="project-overlay"></span>
-
#respond, #trackbacks { margin: 0 0 0 96px; }
+
-
.commentlist #respond { margin-bottom: 16px; }
+
-
+
-
#trackbacks { margin-top: 10px; margin-bottom: 10px; }
+
-
+
-
h3#comments { margin-bottom: 17px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
+
-
#respond h3#reply-title { padding-left: 0; font-size: 36px; color: #282727; text-shadow: none; }
+
-
h3#reply-title small { display: block; font-size: 18px; margin-top: 4px; margin-bottom: 8px; }
+
-
h3#reply-title small a { color: #006688; }
+
-
+
-
.fullwidth #comment-wrap { width: 960px; }
+
-
+
-
#commentform p.logged-in-as, #commentform p.comment-notes { padding-bottom: 10px; }
+
-
+
-
.comment_navigation_top { padding-bottom: 10px; }
+
-
.comment_navigation_top a, .comment_navigation_bottom a { color: #fff; text-shadow: none; }
+
-
+
-
.nav-previous { float: left; }
+
-
.nav-next { float: right; }
+
-
+
-
.comment_navigation_bottom { padding-bottom: 10px; }
+
-
#commentform input[type=text] { width: 40%; display: block; padding: 5px; }
+
-
+
-
/*------------------------------------------------*/
+
-
/*---------------------[FOOTER]-------------------*/
+
-
/*------------------------------------------------*/
+
-
+
-
p#copyright { float:right; font-size:12px; color:#ffffff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); margin-bottom:25px; }
+
-
p#copyright a {font-weight: bold; color:#fff;}
+
-
+
-
/*------------------------------------------------*/
+
<a href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/collegeLogo-e1317255477599.png" class="zoom-icon fancybox" rel="media" title="Penn College of Arts and Sciences">
-
/*--------------------[SIDEBAR]-------------------*/
+
-
/*------------------------------------------------*/
+
-
+
Zoom In </a>
-
+
-
/*------------------------------------------------*/
+
-
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
+
-
/*------------------------------------------------*/
+
-
div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
+
<!--<a href="http://benjaminshyong.com/igem2011/2011/09/28/penn-college-of-arts-and-sciences/" class="more-icon">Read more</a>-->
-
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
+
-
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
+
-
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
+
-
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
+
-
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
+
-
.alignright { float: right; }
+
-
.alignleft { float: left }
+
-
img.alignleft { display:inline; float:left; margin-right:15px; }
+
-
img.alignright { display:inline; float:right; margin-left:15px; }
+
-
+
</div> <!-- end .project -->
-
/*------------------------------------------------*/
+
-
/*---------------[DEFAULT DROPDOWN SETTINGS]---*/
+
-
/*------------------------------------------------*/
+
-
.nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; }
+
<div class="project">
-
.nav li { float:left; position:relative; }
+
-
.nav a { display:block; float: left; }
+
-
.nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:50px; }
+
-
.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
+
-
.nav li li:hover ul, ul.nav li li.sfHover ul { left:192px; top:0px; }
+
-
.nav li:hover ul, .nav li li:hover ul { top: -999em; }
+
-
.nav li li { display: block; padding: 0px; float: left; height: auto !important; }
+
-
.nav li ul { width: 191px; z-index:1000; }
+
-
.nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; }
+
-
.nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
+
 +
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/MT-140x94.jpg"  class="project-image" alt="Jerome Fisher Program in Management &#038; Technology" title="Jerome Fisher Program in Management &#038; Technology" /> <span class="project-overlay"></span>
-
/*------------------------------------------------*/
+
<a href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/MT.jpg" class="zoom-icon fancybox" rel="media" title="Jerome Fisher Program in Management &#038; Technology">
-
/*-----------------[WP CALENDAR]-----------------*/
+
-
/*------------------------------------------------*/
+
-
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; }
+
-
#wp-calendar a { display: block; text-decoration: none; font-weight: bold; }
+
-
#wp-calendar a:hover { text-decoration: underline; }
+
-
#wp-calendar caption { text-decoration: none; font: bold 13px Arial, sans-serif; }
+
-
#wp-calendar td { padding: 3px 5px; color: #9f9f9f; }
+
-
#wp-calendar td#today { color: #ffffff; }
+
-
#wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; }
+
-
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
+
-
#wp-calendar #next a { padding-right: 10px; text-align: right; }
+
-
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
+
-
+
-
/*------------------------------------------------*/
+
-
/*-------------------[PAGE NAVI]------------------*/
+
-
/*------------------------------------------------*/
+
-
.pagination { overflow: hidden; }
+
-
.pagination, .wp-pagenavi { padding: 15px 42px 0; }
+
-
.wp-pagenavi { position: relative; text-align: right; font-family: 'Yanone Kaffeesatz', Arial, sans-serif; }
+
-
.wp-pagenavi span.pages, .wp-pagenavi span.extend { border: none; color: #b7b7b7; font-size: 14px; }
+
-
.wp-pagenavi span.current, .wp-pagenavi a { color: #c3c3c3; font-size: 30px; border: none !important; }
+
-
.wp-pagenavi span.current, .wp-pagenavi a:hover { color: #151515; }
+
-
.wp-pagenavi a, .wp-pagenavi span { padding: 3px 7px !important; }
+
 +
Zoom In </a>
-
a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a { text-decoration: none; }
+
<!--<a href="http://benjaminshyong.com/igem2011/2011/09/28/jerome-fisher-program-in-management-technology/" class="more-icon">Read more</a>-->
-
.js #feat-content, .js div#from-blog div.entries {display: none;}
+
</div> <!-- end .project -->
-
.foursixeight { margin: 0px 0px 15px 84px;}
+
<div class="project">
-
.et_pt_gallery_entry { margin: 0 0 32px 57px !important; }
+
-
div#fancy_title { text-shadow: none !important; }
+
-
.js .slide { display: none; }
+
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/vagelos-e1317255522619-140x94.gif"  class="project-image" alt="Roy and Diana Vagelos Program in Life Sciences &#038; Management" title="Roy and Diana Vagelos Program in Life Sciences &#038; Management" /> <span class="project-overlay"></span>
-
body.cufon-disabled .slide h2.title { font-size: 62px; margin-bottom: 17px; }
+
<a href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/vagelos-e1317255522619.gif" class="zoom-icon fancybox" rel="media" title="Roy and Diana Vagelos Program in Life Sciences &#038; Management">
-
body.cufon-disabled .slide h2.title span, body.cufon-disabled .slide p span { font-weight: bold; }
+
-
body.cufon-disabled span.drop-caps { line-height: 48px; }
+
-
body.cufon-disabled h1.category-title { font-size: 50px; }
+
-
body.cufon-disabled h2.post-title, body.cufon-disabled h3#comments { font-size: 38px; }
+
-
</style>
+
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
-
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
+
-
<head profile="http://gmpg.org/xfn/11">
+
-
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
+
-
<title><?php elegant_titles(); ?></title>
+
-
<?php elegant_description(); ?>
+
-
<?php elegant_keywords(); ?>
+
-
<?php elegant_canonical(); ?>
+
-
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
+
Zoom In </a>
-
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:light,regular,bold&amp;subset=latin' rel='stylesheet' type='text/css'/>
+
-
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
+
-
<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
+
-
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
+
-
<!--[if lt IE 7]>
+
<!--<a href="http://benjaminshyong.com/igem2011/2011/09/28/roy-and-diana-vagelos-program/" class="more-icon">Read more</a>-->
-
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/css/ie6style.css" />
+
-
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/DD_belatedPNG_0.0.8a-min.js"></script>
+
-
<script type="text/javascript">DD_belatedPNG.fix('img#logo, a.readmore, a.readmore span, #header, span.overlay, #search-form, ul.nav ul, ul.nav span.top-arrow, ul.nav ul li a:hover, #content-top, #content-bottom, span.post-overlay, span.avatar-overlay, .comment-arrow, .service-top, .service-description-bottom, .service-description');</script>
+
-
<![endif]-->
+
-
<!--[if IE 7]>
+
-
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/css/ie7style.css" />
+
-
<![endif]-->
+
-
<!--[if IE 8]>
+
-
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/css/ie8style.css" />
+
-
<![endif]-->
+
-
<script type="text/javascript">
+
</div> <!-- end .project -->
-
document.documentElement.className = 'js';
+
-
</script>
+
-
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
+
<div class="project last">
-
<?php wp_head(); ?>
+
-
</head>
+
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/PGFI-140x94.jpg"  class="project-image" alt="Penn Genome Frontiers Institute" title="Penn Genome Frontiers Institute" /> <span class="project-overlay"></span>
-
<body <?php body_class(); ?>>
+
 
-
<div id="background">
+
<a href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/PGFI.jpg" class="zoom-icon fancybox" rel="media" title="Penn Genome Frontiers Institute">
-
<div id="backgrounds">
+
 
-
<?php
+
Zoom In </a>
-
if ( is_home() ) {
+
 
-
$et_bg_images = get_option('instyle_home_bg_images');
+
<!--<a href="http://benjaminshyong.com/igem2011/2011/09/28/penn-genome-frontiers-institute/" class="more-icon">Read more</a>-->
-
} elseif ( is_category() ) {
+
 
-
$et_bg_images = get_option('instyle_category_bg_images');
+
</div> <!-- end .project -->
-
} elseif ( is_archive() ) {
+
 
-
$et_bg_images = get_option('instyle_archive_bg_images');
+
<div class="project">
-
} elseif ( is_search() ) {
+
 
-
$et_bg_images = get_option('instyle_search_bg_images');
+
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/NE-Biolabs-140x94.jpg" class="project-image" alt="New England Biolabs" title="New England Biolabs" /> <span class="project-overlay"></span>
-
} elseif ( is_tag() ) {
+
 
-
$et_bg_images = get_option('instyle_tag_bg_images');
+
<a href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/NE-Biolabs.jpg" class="zoom-icon fancybox" rel="media" title="New England Biolabs">
-
} elseif ( is_single() || is_page() ) {
+
 
-
$et_instyle_settings = maybe_unserialize( get_post_meta($post->ID,'et_instyle_settings',true) );
+
Zoom In </a>
-
$et_bg_images = isset( $et_instyle_settings['et_fs_bg_images'] ) ? $et_instyle_settings['et_fs_bg_images'] : '';
+
 
-
}
+
<!--<a href="http://benjaminshyong.com/igem2011/2011/09/28/asdfasdf/" class="more-icon">Read more</a>-->
-
+
 
-
if ( $et_bg_images == '' )
+
</div> <!-- end .project -->
-
$et_bg_images = get_option('instyle_default_bg_images') <> '' ? get_option('instyle_default_bg_images') : apply_filters('et_default_images',get_bloginfo('template_directory') . '/images/landscape.png');
+
 
-
+
<div class="project">
-
$et_backgrounds = explode(",", $et_bg_images);
+
 
-
foreach ( $et_backgrounds as $et_background ){
+
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/corning-logo-140x94.jpg"  class="project-image" alt="Corning" title="Corning" /> <span class="project-overlay"></span>
-
echo '<img src="'.esc_attr( trim($et_background) ).'" alt=""/>';
+
 
-
}
+
<a href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/corning-logo.jpg" class="zoom-icon fancybox" rel="media" title="Corning">
-
?>
+
 
-
</div> <!-- end #backgrounds -->
+
Zoom In </a>
 +
 
 +
<!--<a href="http://benjaminshyong.com/igem2011/2011/09/28/corning/" class="more-icon">Read more</a>-->
 +
 
 +
</div> <!-- end .project -->
 +
 
 +
<div class="project">
 +
 
 +
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/Mack-Center-140x94.jpg"  class="project-image" alt="William and Phyllis Mack Center for Technological Innovation" title="William and Phyllis Mack Center for Technological Innovation" /> <span class="project-overlay"></span>
 +
 
 +
<a href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/Mack-Center.jpg" class="zoom-icon fancybox" rel="media" title="William and Phyllis Mack Center for Technological Innovation">
 +
 
 +
Zoom In </a>
 +
 
 +
<!--<a href="http://benjaminshyong.com/igem2011/2011/09/28/mack-center/" class="more-icon">Read more</a>-->
 +
 
 +
</div> <!-- end .project -->
 +
 
 +
<div class="project">
 +
 
 +
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/science-center-e1317255636655-140x94.png"  class="project-image" alt="University City Science Center" title="University City Science Center" /> <span class="project-overlay"></span>
 +
 
 +
<a href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/science-center-e1317255636655.png" class="zoom-icon fancybox" rel="media" title="University City Science Center">
 +
 
 +
Zoom In </a>
 +
 
 +
<!--<a href="http://benjaminshyong.com/igem2011/2011/09/28/university-city-science-center/" class="more-icon">Read more</a>-->
 +
 
 +
</div> <!-- end .project -->
 +
 
 +
<div class="project last">
 +
 
 +
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/SAIF_logo-140x93.gif"  class="project-image" alt="Small Animal Research Facility" title="Small Animal Research Facility" /> <span class="project-overlay"></span>
 +
 
 +
<a href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/SAIF_logo.gif" class="zoom-icon fancybox" rel="media" title="Small Animal Research Facility">
 +
 
 +
Zoom In </a>
 +
 
 +
<!--<a href="http://benjaminshyong.com/igem2011/2011/09/28/small-animal-research-facility/" class="more-icon">Read more</a>-->
 +
 
 +
</div> <!-- end .project -->
 +
 
 +
 +
 
 +
</div> <!-- end .container -->
 +
 
 +
</div> <!-- end #home-gallery -->
-
<div id="header" class="clearfix">
 
-
<a href="<?php bloginfo('url'); ?>"><?php $logo = (get_option('instyle_logo') <> '') ? get_option('instyle_logo') : get_bloginfo('template_directory').'/images/logo.png'; ?>
 
-
<img src="<?php echo esc_url( $logo ); ?>" alt="<?php bloginfo('name'); ?>" id="logo"/>
 
-
</a>
 
-
<div id="header-right">
 
-
<?php $menuClass = 'nav';
 
-
$menuID = 'top-menu';
 
-
$primaryNav = '';
 
-
if (function_exists('wp_nav_menu')) {
 
-
$primaryNav = wp_nav_menu( array( 'theme_location' => 'primary-menu', 'container' => '', 'fallback_cb' => '', 'menu_class' => $menuClass, 'menu_id' => $menuID, 'echo' => false ) );
 
-
};
 
-
if ($primaryNav == '') { ?>
 
-
<ul id="<?php echo $menuID; ?>" class="<?php echo $menuClass; ?>">
 
-
<?php if (get_option('instyle_home_link') == 'on') { ?>
 
-
<li <?php if (is_home()) echo('class="current_page_item"') ?>><a href="<?php bloginfo('url'); ?>"><?php esc_html_e('Home','InStyle') ?></a></li>
 
-
<?php } ?>
 
-
 
-
<?php show_page_menu($menuClass,false,false); ?>
 
-
<?php show_categories_menu($menuClass,false); ?>
 
-
</ul> <!-- end ul#nav -->
 
-
<?php } else echo($primaryNav); ?>
 
-
 
-
<div id="search-form">
 
-
<form method="get" id="searchform" action="<?php echo home_url(); ?>">
 
-
<input type="text" value="<?php esc_attr_e('Search this site...','InStyle'); ?>" name="s" id="searchinput" />
 
-
<input type="image" src="<?php bloginfo('template_directory'); ?>/images/search_btn.png" id="searchsubmit" />
 
-
</form>
 
-
</div> <!-- end #search-form -->
 
-
</div> <!-- end #header-right -->
 
-
</div> <!-- end #header -->
 
-
<div id="container"<?php global $fullwidth; if ( is_page_template('page-full.php') || $fullwidth ) echo ' class="fullwidth"'; ?>>
 
-
<?php get_header(); ?>
+
</div> <!-- end #content-shadow -->
-
+
 
-
<?php include(TEMPLATEPATH . '/includes/top_info.php'); ?>
+
</div> <!-- end #content -->
 +
 
-
<div id="content-top"></div>
+
 
-
<div id="content" class="clearfix">
+
<div id="footer">
-
<div id="content-area">
+
 
-
<?php include(TEMPLATEPATH . '/includes/breadcrumbs.php'); ?>
+
<div id="footer-top">
-
+
 
-
<?php $i = 1;?>
+
<div id="footer-content">
-
+
 
-
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
+
<div class="container">
-
<div class="post clearfix">
+
 
-
<h2 class="post-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
+
<div id="footer-widgets" class="clearfix">
-
<?php include(TEMPLATEPATH . '/includes/postinfo.php'); ?>
+
 
-
+
</div> <!-- end #footer-widgets -->
-
<?php
+
 
-
$thumb = '';
+
</div> <!-- end .container -->
-
$width = 211;
+
 
-
$height = 211;
+
<div id="footer-bottom" class="clearfix">
-
$classtext = '';
+
 
-
$titletext = get_the_title();
+
<div class="container">
-
+
 
-
$thumbnail = get_thumbnail($width,$height,$classtext,$titletext,$titletext,false,'Entry');
+
<ul id="menu-main" class="bottom-nav"><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-62"><a href="https://2011.igem.org/Team:Penn/">Home</a></li>
-
$thumb = $thumbnail["thumb"];
+
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-217"><a href="https://2011.igem.org/Team:Penn/project/overview/">Project</a></li>
-
?>
+
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-75"><a href="https://2011.igem.org/Team:Penn/results/">Results</a></li>
-
+
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-67"><a href="https://2011.igem.org/Team:Penn/biobrick/">Biobrick</a></li>
-
<?php if($thumb <> '' && get_option('instyle_thumbnails_index') == 'on') { ?>
+
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-68"><a href="https://2011.igem.org/Team:Penn/notebook/">Notebook</a></li>
-
<div class="post-thumbnail alignleft">
+
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76"><a href="https://2011.igem.org/Team:Penn/safety-and-society/">Human Practices</a></li>
-
<a href="<?php the_permalink(); ?>">
+
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78"><a href="https://2011.igem.org/Team:Penn/safety/">Safety</a></li>
-
<?php print_thumbnail($thumb, $thumbnail["use_timthumb"], $titletext, $width, $height, $classtext); ?>
+
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-63"><a href="https://2011.igem.org/Team:Penn/about-us/">About Us</a></li>
-
<span class="post-overlay"></span>
+
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-87"><a href="https://2011.igem.org/Main_Page">iGEM</a></li>
-
</a>
+
</ul>
-
</div> <!-- end .post-thumbnail -->
+
 
-
<?php } ?>
+
</div> <!-- end .container -->
-
+
 
-
<div class="description">
+
</div> <!-- end #footer-bottom -->
-
<?php if ( get_option('instyle_blog_style') == 'on' ){ ?>
+
 
-
<?php echo apply_filters('the_content',et_create_dropcaps(get_the_content(''))); ?>
+
</div> <!-- end #footer-content -->
-
<?php } else { ?>
+
 
-
<p><?php echo et_create_dropcaps(truncate_post(775,false)); ?></p>
+
</div> <!-- end #footer-top -->
-
<?php } ?>
+
 
-
</div> <!-- end .description-->
+
</div> <!-- end #footer -->
-
<a href="<?php the_permalink(); ?>" class="readmore"><span><?php esc_html_e('read more','InStyle'); ?></span></a>
+
 
-
</div> <!-- end .post -->
+
-
<?php endwhile; ?>
+
-
<?php
+
-
if(function_exists('wp_pagenavi')) { wp_pagenavi(); }
+
-
else { include(TEMPLATEPATH . '/includes/navigation.php'); }
+
-
?>
+
-
<?php else : ?>
+
-
<?php include(TEMPLATEPATH . '/includes/no-results.php'); ?>
+
-
<?php endif; ?>
+
-
</div> <!-- end #content-area -->
+
-
+
-
<?php get_sidebar(); ?>
+
-
</div> <!--end #content-->
+
-
<div id="content-bottom"></div>
+
 +
 +
<script src="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/js/cufon-yui.js" type="text/javascript"></script>
 +
<script src="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/js/Colaborate-Thin_400.font.js" type="text/javascript"></script>
 +
<script type="text/javascript" src="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/js/jquery.easing.1.3.js"></script>
 +
<script type="text/javascript" src="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/js/superfish.js"></script>
 +
<script type="text/javascript" src="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/js/custom.js"></script> <script type='text/javascript' src='http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/epanel/page_templates/js/fancybox/jquery.easing-1.3.pack.js?ver=1.3.4'></script>
 +
<script type='text/javascript' src='http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/epanel/page_templates/js/fancybox/jquery.fancybox-1.3.4.pack.js?ver=1.3.4'></script>
 +
<script type='text/javascript' src='http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/epanel/page_templates/js/et-ptemplates-frontend.js?ver=1.1'></script>
 +
 +
<script type='text/javascript'>
 +
$('#globalWrapper').replaceWith($('#bodyContent').prepend($('div.left-menu')));
 +
$("#menu-content a").attr('href', function(i, old){
 +
    return old.replace(/http:\/\/benjaminshyong\.com\/igem2011/, 'https://2011.igem.org/Team:Penn');
 +
});
 +
$("#a").attr('href', function(i, old){
 +
    return old.replace(/http:\/\/benjaminshyong\.com\/igem2011/, 'https://2011.igem.org/Team:Penn');
 +
});
 +
$("a.featured-more").attr('href', function(i, old){
 +
    return old.replace(/http:\/\/benjaminshyong\.com\/igem2011/, 'https://2011.igem.org/Team:Penn');
 +
});
 +
$("#fancybox-title-float-wrap").css({background:"none"});
 +
$("#fancybox-title").css({background:"none"});
 +
</script>
 +
<script type='text/javascript'>
 +
$('#content').css({width:'100%'});
 +
</script>
 +
 +
<style>
 +
#fancybox-title-float-wrap{
 +
background:none;
 +
}
 +
#fancybox-title{
 +
background:none;
 +
}
 +
</style>
 +
 +
</body>
</html>
</html>

Latest revision as of 05:08, 29 September 2011

Penn iGEM 2011 |

Optogenetics and Cellular Signaling:
creating a robust light-based cell-to-cell communication system

Sponsors

Retrieved from "http://2011.igem.org/Team:Penn"