Team:UCL PG/Notebook
From 2013.igem.org
(Difference between revisions)
(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...") |
|||
(74 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> | ||
+ | |||
+ | |||
+ | <object data='https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Labbook/SpectraLabbook.pdf#view=Fit&pagemode=bookmarks&toolbar=1' | ||
+ | type='application/pdf' | ||
+ | width='60%' | ||
+ | height='800px'> | ||
+ | |||
+ | <p>It appears your Web browser is not configured to display PDF files. | ||
+ | No worries, just <a href='https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Labbook/SpectraLabbook.pdf'>click here to download the PDF file.</a></p> | ||
+ | |||
+ | </object> | ||
+ | |||
+ | <br><br> | ||
+ | |||
+ | </body> | ||
+ | |||
+ | |||
+ | |||
+ | </html> |
Latest revision as of 07:21, 30 September 2013