Team:UCL PG
From 2013.igem.org
(Created page with "<!-- *** What falls between these lines is the Alert Box! You can remove it from your pages once you have read and understood the alert *** --> <html> <div id="box" style="widt...") |
|||
(23 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <!-- | + | <!--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" xml:lang="en" lang="en" dir="ltr"> | ||
- | < | + | <head> |
- | < | + | <style type="text/css"> |
- | + | body{ background: #000000 url('https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/broken_noise.png') top left repeat; overflow-x:hidden; border: none; margin: 0; padding: 0; width: 100%; height:100%; } | |
- | + | #content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; height:100%;} | |
- | + | #content {padding-top:70px; min-height:700px} | |
- | + | #search-controls { display:none; } | |
- | + | #top-section {height: 10px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; padding:0; border: none; font-size: 10px;} | |
- | + | #p-logo { height:0px; overflow:hidden; display: none;} | |
- | + | #footer-box { border: none; background-color:transparent;} | |
- | + | #catlinks{display:none !important;} | |
- | + | //#top-section{display:none;} | |
- | + | h1.firstHeading{display:none} | |
- | + | a:link {color:#87CEFF; outline: 0;} /* unvisited link */ | |
+ | a:visited {color:#87CEFF; outline: 0;} /* visited link */ | ||
+ | a:hover {TEXT-DECORATION: none;} /*hover over a link*/ | ||
- | + | .center{margin:auto;} | |
+ | .inline{display:inline-block;} | ||
+ | .roundBorder{-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;}; | ||
+ | .firstHeading{display:none;} | ||
+ | @font-face { | ||
+ | font-family: 'titleFont'; | ||
+ | src: url('https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/Fonts/duplexide-webfont.eot'); | ||
+ | src: url('https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/Fonts/duplexide-webfont.eot?#iefix') format('embedded-opentype'), | ||
+ | url('https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/Fonts/duplexide-webfont.woff') format('woff'), | ||
+ | url('https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/Fonts/duplexide-webfont.ttf') format('truetype'), | ||
+ | url('https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/Fonts/duplexide-webfont.svg') format('svg'); | ||
+ | font-weight: normal; | ||
+ | font-style: normal;} | ||
+ | </head> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | < | + | <body> |
+ | <style> | ||
+ | #theTitle{} | ||
+ | #theMenu{} | ||
+ | #teamNameTitle{font-family:'titleFont'; font-size:80px; color:white ;text-shadow: 0 0 10px #fff, 0 0 20px #FF7F00, 0 0 30px #FF7F00, 0 0 40px #0000FF, 0 0 70px #0000FF, 0 0 80px #0000EE;} | ||
+ | #slogan{font-family:'titleFont'; font-size:20px; color:white; margin:auto; text-shadow: 0 0 10px #fff;} | ||
+ | </style> | ||
+ | <!-- MENUBAR --> | ||
- | + | <style type="text/css"> | |
- | + | a.tooltip {outline:none; } | |
- | + | a.tooltip strong {line-height:30px;} | |
- | + | a.tooltip:hover {text-decoration:none;} | |
- | + | a.tooltip circle { z-index:10;display:none; margin-top:0px; margin-left:-80px; margin-top:-10px; width:80px; height:80px; font-size:1em;} | |
- | + | a.tooltip circle { border-radius:80px; -moz-border-radius: 80px; -webkit-border-radius: 80px; -moz-box-shadow: 0px 0px 10px 5px #666; -webkit-box-shadow: 0px 0px 10px 5px #666; box-shadow: 0px 0px 10px 5px #666; opacity: 0.7; } | |
- | + | a.tooltip:hover circle{ display:inline; position:absolute; border:5px solid #FFF; color:#000;} | |
- | + | ||
- | + | a.tooltip span { z-index:10;display:none; margin-top:0px; margin-left:-75px; margin-top:-35px; width:80px; font-size:1.5em; font-family:Georgia; text-align:center;} | |
- | + | a.tooltip:hover span{ display:inline; position:absolute; color:#FFF;} | |
- | + | </style> | |
+ | |||
+ | <div class="center"> | ||
+ | <div id="theTitle" class="inline"><a href="https://2013.igem.org/Team:UCL_PG"> | ||
+ | <div id="teamNameTitle">SPECTRA</div><br><br> | ||
+ | <div id="slogan" class="center">Let there be Light</div> | ||
+ | </a></div> | ||
+ | <span> </span> | ||
+ | <div id="theMenu" class="inline"> | ||
+ | <a href="https://2013.igem.org/Team:UCL_PG/Team" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B1%5Dbeams-aura.png" width=70><circle></circle><span>Team</span></a> | ||
+ | <a href="https://2013.igem.org/Team:UCL_PG/Project" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B2%5Dfizzing-flask.png" width=70><circle></circle><span>Science</span></a> | ||
+ | <a href="https://2013.igem.org/Team:UCL_PG/Social" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B3%5Dradar-dish.png" width=70><circle></circle><span>Social</span></a> | ||
+ | <a href="https://2013.igem.org/Team:UCL_PG/Parts" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B4%5Dmedal.png" width=70><circle></circle><span>Achievements</span></a> | ||
+ | <a href="https://2013.igem.org/Team:UCL_PG/Notebook" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B5%5Dbook-cover.png" width=70><circle></circle><span>Labbook</span></a> | ||
+ | <a href="https://2013.igem.org/Team:UCL_PG/Sponsor" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B6%5Dprayer.png" width=70><circle></circle><span>Sponsors</span></a> | ||
+ | <a href="https://2013.igem.org/Team:UCL_PG/Contact" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B7%5DIGEM_basic_Logo_stylized.png" width=70><circle></circle><span>Contacts</span></a> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <br><br> | ||
+ | |||
+ | <style> | ||
+ | .boxed{margin:20px; padding:20px; box-shadow: 0 0 0 6px #EEE9E9, 0 0 0 12px #8B8989; font-family:Tahoma; } | ||
+ | .boxed{text-align:left; } | ||
+ | </style> | ||
+ | <div> | ||
+ | <div class="inline" style="width:800px; height:840px;"> | ||
+ | <div class="boxed roundBorder inline" style=" width:260px; height:350px;"> | ||
+ | <p style="color:white; font-size:2.9em;"><b>About iGEM</b></p> | ||
+ | <p style="color:#CDC9C9; font-size:1.1em;"><a href="https://igem.org/Main_Page">International Genetically Engineered Machine (iGEM)</a> is an annual world-wide synthetic biology competition aimed at university students. Each year, participating teams from all over the world are challenged to bring their innovative ideas to life by applying engineering methodology in life sciences to ultimately produce “Biobricks” which are modular biological circuit parts that can be utilized to solve global issues.</p> | ||
+ | </div> | ||
+ | <div class="boxed roundBorder inline" style=" width:300px; height:180px;"> | ||
+ | <p style="color:white; font-size:2.9em;"><b>About us</b></p> | ||
+ | <p style="color:#CDC9C9; font-size:1.1em;">We are a combination of dedicated graduate and master students from both <a href="http://www.ucl.ac.uk/cancer">UCL Cancer Institute</a> and <a href="http://www.engineering.ucl.ac.uk/">UCL Biochemical Engineering</a>.</p> | ||
+ | </div> | ||
+ | <div class="boxed roundBorder inline" style=" width:260px; height:300px;"> | ||
+ | <p style="color:white; font-size:2.9em;"><b>About our idea</b></p> | ||
+ | <p style="color:#CDC9C9; font-size:1.1em;">Improvising activation of the circuit with light, evolve luminescent proteins. Allow preclinical genetic imaging to study endogenous and disease processes in vivo and to image the genetic behaviour of life.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <iframe class="roundBorder boxed" src="http://www.slideshare.net/slideshow/embed_code/22956081" width="800" height="650" frameborder="100" marginwidth="0" marginheight="0" scrolling="no"></iframe> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </body> | ||
+ | |||
+ | |||
+ | |||
+ | </html> |
Latest revision as of 00:31, 4 October 2013
About iGEM
International Genetically Engineered Machine (iGEM) is an annual world-wide synthetic biology competition aimed at university students. Each year, participating teams from all over the world are challenged to bring their innovative ideas to life by applying engineering methodology in life sciences to ultimately produce “Biobricks” which are modular biological circuit parts that can be utilized to solve global issues.
About us
We are a combination of dedicated graduate and master students from both UCL Cancer Institute and UCL Biochemical Engineering.
About our idea
Improvising activation of the circuit with light, evolve luminescent proteins. Allow preclinical genetic imaging to study endogenous and disease processes in vivo and to image the genetic behaviour of life.