Team:Freiburg/Project
From 2014.igem.org
Line 5: | Line 5: | ||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | ||
<title>iGEM Freiburg 2014</title> | <title>iGEM Freiburg 2014</title> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/ | ||
+ | |||
+ | .firstHeading { | ||
+ | display:none; | ||
+ | width: 975px; | ||
+ | margin: 0px auto; | ||
+ | padding-top: 100px; | ||
+ | margin-bottom: 20px; | ||
+ | font-family: Georgia, Times, "Times New Roman", serif; | ||
+ | } | ||
+ | |||
+ | h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;} | ||
+ | |||
+ | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ | ||
+ | background-color: #383838; | ||
+ | border: 0 none; | ||
+ | height: 14px; | ||
+ | z-index: 100; | ||
+ | top: 0; | ||
+ | position: fixed; | ||
+ | width: 975px; | ||
+ | left: 50%; | ||
+ | margin-left: -487px; | ||
+ | } | ||
+ | |||
+ | #top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/ | ||
+ | background-color: #383838; | ||
+ | height: 14px; | ||
+ | display: block; | ||
+ | z-index: 10; | ||
+ | position: fixed; | ||
+ | width: 100%; | ||
+ | top: 0; | ||
+ | } | ||
+ | |||
+ | #menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/ | ||
+ | color: #727272; | ||
+ | text-decoration: none; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | |||
+ | #globalWrapper, #content { /*-- changes default wiki settings --*/ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border: 0px; | ||
+ | background-color: transparent; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | html, body, .wrapper { /*-- changes default wiki settings --*/ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | #contentcontainer { /*-- creates container for all content on page --*/ | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | font-weight: normal; | ||
+ | font-size: 14px; | ||
+ | color: #414141; | ||
+ | width: 960px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | background-color: #transparent; | ||
+ | margin-top: 0px; | ||
+ | } | ||
+ | |||
+ | .sidemenu, .sidemenu li { | ||
+ | list-style-type: none; | ||
+ | list-style-image: none; | ||
+ | font-family: verdana; | ||
+ | text-decoration: none; | ||
+ | color:#000; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | .sidemenu li {display: block;} | ||
+ | |||
+ | .sidemenu a { | ||
+ | text-decoration:none; | ||
+ | color: #000; | ||
+ | display: block; | ||
+ | width: 180px; | ||
+ | height: 100%; | ||
+ | padding: 3px 5px; | ||
+ | transition: .25s ease-in-out; | ||
+ | -moz-transition: .25s ease-in-out; | ||
+ | -webkit-transition: .25s ease-in-out; | ||
+ | } | ||
+ | |||
+ | .sidemenu a.greyout { color: #909090; } | ||
+ | |||
+ | .sidemenu a:hover { | ||
+ | color:#666; | ||
+ | background-color: #d9f5aa; | ||
+ | } | ||
+ | |||
+ | .sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;} | ||
+ | .sub-sidemenu a {color: #666;} | ||
+ | |||
+ | div.underconst | ||
+ | { | ||
+ | padding:10px; | ||
+ | border-radius:5px; | ||
+ | background-color:pink; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | a.anchor{display: block; position: relative; top: -80px; visibility: hidden;} | ||
+ | |||
+ | .contentpara {margin-bottom: 30px;} | ||
+ | |||
+ | span.email{font-family: monospace; font-weight: normal;} | ||
+ | |||
+ | fieldset {border: 1px solid #337f53;} | ||
+ | |||
+ | .greyout {color: #A0A0A0;} | ||
+ | .highlightme {background-color: #FFFF00;} | ||
+ | |||
+ | #alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;} | ||
+ | #annContainer {margin-left: 8px;} | ||
+ | #newsContainer {border: 1px solid #ccc;} | ||
+ | |||
+ | .newsTitle { | ||
+ | display: block; | ||
+ | color: #414141; | ||
+ | font-size: 25px; | ||
+ | font-family: Georgia, Times, "Times New Roman", serif; | ||
+ | padding: 10px 15px 5px 10px; | ||
+ | border-bottom: 1px solid #ccc; | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | |||
+ | .newsItem { | ||
+ | border-bottom: 1px solid #ccc; | ||
+ | display: block; | ||
+ | padding: 5px 15px 0px 10px; | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | |||
+ | .newsItem h3 { | ||
+ | width: auto; | ||
+ | display: inline; | ||
+ | font-size: 14px; | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | padding: 0px; | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | .newsItem img { | ||
+ | float: right; | ||
+ | clear: right; | ||
+ | width: 80px; | ||
+ | padding-left: 15px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .newsItem .newsDate { | ||
+ | font-style: italic; | ||
+ | font-size: 14px; | ||
+ | display: inline-block; | ||
+ | color: #999; | ||
+ | float: right; | ||
+ | padding: 0px 0px 10px 15px; | ||
+ | } | ||
+ | |||
+ | .newsItem p, .newsItem ul, .newsItem li { | ||
+ | padding: 0px; | ||
+ | margin-left: 20px; | ||
+ | font-size: 12px; | ||
+ | line-height: 1.2; | ||
+ | } | ||
+ | |||
+ | .newsItem p {margin-top: 10px;} | ||
+ | |||
+ | .annItem { | ||
+ | border: 2px solid #49b677; | ||
+ | display: block; | ||
+ | padding: 0px 15px 10px 10px; | ||
+ | margin-bottom: 18px; | ||
+ | position: relative; | ||
+ | height: 160px; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .annItem .annCentered { | ||
+ | display: table-cell; | ||
+ | vertical-align: middle; | ||
+ | height: 160px; | ||
+ | } | ||
+ | |||
+ | .annCentered h3 { | ||
+ | padding: 0px; | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .annItem ul, .annItem li {padding: 0px; margin: 0px;} | ||
+ | .annItem li {list-style: none; margin: 5px} | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | body { | ||
+ | text-align: center; | ||
+ | background-color: #000000; | ||
+ | color: #FFFFFF; | ||
+ | font-family: serif; | ||
+ | } | ||
+ | table { | ||
+ | margin-top: 14px; | ||
+ | text-align: center; | ||
+ | background-color: #000000; | ||
+ | color: #FFFFFF; | ||
+ | font-family: serif; | ||
+ | } | ||
+ | a, #link1, #link2, #link3, #link4, #link5, #link6, #link7,#link8,#link9{ | ||
+ | text-decoration: none; | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </style> | ||
<script> | <script> | ||
function colorify(x) { | function colorify(x) { |
Revision as of 20:19, 29 July 2014
Abstract |
Optogenetics, a novel technology that allows temporal and spatial induction of gene expression by the
use of light, is of growing importance for fundamental research and clinical applications. However, its
biggest limitation is the time consuming introduction of transgenes into organisms or cell lines. In
contrast, easy but unspecific gene delivery can be achieved by viral vectors. We, the iGEM Team
Freiburg 2014, combine the advantages of both approaches – the temporal and spatial resolution of
optogenetics, and the simplicity of gene transfer offered by viruses. To this end we designed a system
where the entry of a virus is enabled or prevented by exposing the target cells to light of distinct
wavelengths.
|