Team:Gothenburg-Sweden/Contact
From 2010.igem.org
(Difference between revisions)
(7 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <html> | + | <html xmlns="http://www.w3.org/1999/xhtml"> |
<head> | <head> | ||
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | ||
Line 6: | Line 6: | ||
<style type="text/css"> | <style type="text/css"> | ||
- | + | ||
- | + | /* wiki modificiations start */ | |
- | + | ||
- | + | #contentSub { | |
+ | display:none; | ||
} | } | ||
+ | |||
+ | |||
+ | #siteSub { | ||
+ | display:none;padding:-200px;margin:0; | ||
+ | } | ||
+ | |||
+ | |||
+ | .firstHeading { | ||
+ | display:none;padding:0;margin:0; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | padding-top:10px; | ||
+ | } | ||
+ | |||
+ | |||
form { | form { | ||
Line 17: | Line 34: | ||
} | } | ||
- | + | ||
- | + | h2 {background:transparent; text-decoration:none; } | |
+ | #globalWrapper { background-color: transparent; border: none; margin-bottom: 0px; padding: 0;} | ||
+ | #content { background-color: transparent; border: none; padding: 0; margin-bottom: 0px; width: 100%;} | ||
+ | #bodyContent { border: none; padding:0; margin-bottom:0px; width:100%;} | ||
+ | |||
+ | #top-section { background-color: transparent; height: 20px; margin-top: -30px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; margin-bottom: 0; padding:0; border: none; } | ||
+ | #p-logo { display: none;} | ||
+ | #search-controls { display:none;} | ||
+ | |||
+ | #menubar.left-menu {width: 400px; display:block; float:left; margin-top:-50px; border: none;} | ||
+ | #menubar.left-menu ul { border: none;} | ||
+ | #menubar.left-menu a{color:#5698b0;} | ||
+ | #menubar.left-menu a:hover{color:#e6f6fb;} | ||
+ | #menubar.left-menu a:selected{color:#e6f6fb;} | ||
+ | |||
+ | #menubar.right-menu { width:300px; display:block; float:left; margin-top:-50px; border: none;} | ||
+ | #menubar.right-menu ul { border: none;} | ||
+ | #menubar.right-menu a{color:#5698b0;} | ||
+ | #menubar.right-menu a:hover{color:#e6f6fb;} | ||
+ | |||
+ | |||
+ | /* wiki modifications end/ | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /*to be modified */ | ||
+ | |||
+ | body {background:url(https://static.igem.org/mediawiki/2010/8/8e/Shadow.png) repeat-y top center; | ||
+ | padding: 0 0 0 0; | ||
+ | |||
+ | } | ||
+ | a{ | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | font-size: 12px; | ||
+ | font-weight:bold; | ||
+ | color: #06639e; | ||
+ | text-decoration:none; | ||
+ | padding:0; | ||
+ | margin:0; | ||
} | } | ||
- | + | ||
- | + | a:hover{ | |
- | + | padding:0;margin:0; | |
- | + | text-decoration: underline; | |
+ | color: #000066; | ||
+ | |||
+ | |||
} | } | ||
- | + | a:visited{color:#06639E;} | |
- | + | ||
- | + | * | |
- | + | { | |
+ | border: 0; | ||
+ | margin: 0; | ||
} | } | ||
- | + | ||
- | + | #all{ | |
+ | padding:0; | ||
+ | margin:0; | ||
+ | padding-left:10%; | ||
+ | background: url(https://static.igem.org/mediawiki/2010/3/3a/Bg.png) top center repeat-y; | ||
+ | } | ||
+ | |||
+ | |||
+ | #header{ | ||
+ | height: 290px; | ||
+ | background:url(https://static.igem.org/mediawiki/2010/5/50/BannerGo.png) no-repeat; | ||
+ | margin-left:15px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #search {height: 30px;} | ||
+ | #myContent{ | ||
+ | margin-top: 0px; | ||
+ | |||
} | } | ||
- | + | ||
- | + | /* left layer starts */ | |
+ | |||
+ | #left{ | ||
+ | width:138px; | ||
+ | padding-left:45px; | ||
+ | float: left; | ||
} | } | ||
- | . | + | .Title1 { |
- | + | font-family: Comic Sans; | |
- | + | font-weight:600; | |
- | + | color: #fff; | |
+ | font-size: 16px; | ||
+ | text-align:center; | ||
+ | width:100%; | ||
+ | height: 30px; | ||
+ | padding-top: 7px; | ||
+ | margin-top:7px; | ||
+ | background: url(https://static.igem.org/mediawiki/2010/a/aa/CatTitle.png); | ||
+ | background-repeat:no-repeat; | ||
+ | background-position:top left; | ||
} | } | ||
- | . | + | .left_grad{ |
- | + | ||
- | + | background-position: top left; | |
+ | padding-top: 0px; | ||
+ | margin-top: 0px; | ||
} | } | ||
- | . | + | .categories{ |
+ | |||
+ | background: url(https://static.igem.org/mediawiki/2010/1/10/CatCon.png) top repeat-y; | ||
+ | min-height:100px; | ||
+ | border: 1px solid #0485B0; | ||
} | } | ||
- | + | #news { | |
- | + | padding-top:0px; | |
- | + | background: url(https://static.igem.org/mediawiki/2010/1/10/CatCon.png) left top repeat-y; | |
- | + | min-height:100px; | |
- | + | border: 1px dotted #0485B0; | |
- | text- | + | |
- | + | } | |
- | + | #news p{ | |
- | + | color:#07374E; | |
+ | font-weight:normal; | ||
+ | font-size: 11px; | ||
+ | text-align:left; | ||
+ | text-decoration:none; | ||
+ | |||
+ | padding: 10px 5px 0px 15px; | ||
+ | |||
+ | |||
+ | display:block; | ||
} | } | ||
- | + | #news a:hover { | |
- | + | border-bottom: 1px dotted #06639e; | |
- | + | ||
} | } | ||
- | . | + | .categories a{ |
- | + | font-family: Arial, Helvetica, sans-serif; | |
- | + | font-weight:normal; | |
- | + | color: #0485B0; | |
- | + | text-decoration: none; | |
+ | text-align:left; | ||
+ | padding: 4px 0px 4px 20px; | ||
+ | font-size:12px; | ||
+ | padding-top:5px; | ||
+ | display:block; | ||
+ | |||
} | } | ||
- | . | + | .categories a:hover{ |
- | + | text-decoration:none; | |
- | + | ||
- | + | font-size:12px; | |
- | + | font-weight:700; | |
+ | color: #fff; | ||
+ | background:url(https://static.igem.org/mediawiki/2010/4/47/CatAhover.png); | ||
+ | } | ||
+ | |||
+ | /* left layer ends */ | ||
+ | |||
+ | |||
+ | /* center layer starts */ | ||
+ | |||
+ | #center{ | ||
+ | width: 600px; | ||
+ | padding-left: 20px; | ||
+ | float: left; | ||
} | } | ||
- | + | #center p{ | |
- | + | padding-left:0px; | |
- | + | padding-right:0px; | |
+ | padding-bottom: 10px; | ||
+ | |||
} | } | ||
- | + | /* menu starts */ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | . | + | |
- | + | #Title2{ | |
- | + | ||
- | + | height: 40px; | |
- | + | width: 600px; | |
- | + | ||
+ | background: url(https://static.igem.org/mediawiki/2010/5/50/Title_center1.png); | ||
+ | background-repeat:no-repeat; | ||
+ | background-position: center; | ||
+ | } | ||
+ | |||
+ | #sddm | ||
+ | { | ||
+ | |||
+ | padding-left:62px; | ||
+ | padding-top: 0px; | ||
+ | } | ||
+ | |||
+ | #sddm li | ||
+ | { | ||
+ | list-style: none; | ||
+ | float:left; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | |||
+ | #sddm li a | ||
+ | |||
+ | { display: block; | ||
+ | padding: 0px 0px; | ||
+ | width: 96px; | ||
+ | height:31px; | ||
+ | text-align: center; | ||
+ | text-decoration: none; | ||
+ | font-size: 15px; | ||
+ | font-family: Rockwell; | ||
+ | font-weight:normal; | ||
+ | padding-top:10px; | ||
+ | |||
+ | } | ||
+ | #active { | ||
+ | |||
+ | } | ||
+ | #active a{ | ||
+ | |||
+ | background: url(https://static.igem.org/mediawiki/2010/0/0c/MActive2.png) top center repeat-y; | ||
+ | color:#FFFFFF; | ||
+ | font: 13px arial !important; | ||
+ | font-weight:600 !important; | ||
+ | } | ||
+ | #sddm li a:hover | ||
+ | { background: url(https://static.igem.org/mediawiki/2010/0/0c/MActive2.png) top center repeat-y; | ||
+ | color:#fff; | ||
+ | font: 13px arial; | ||
+ | font-weight:600; | ||
+ | } | ||
+ | |||
+ | |||
+ | #sddm div | ||
+ | { position: absolute; | ||
+ | visibility: hidden; | ||
+ | margin-top: -5px; | ||
+ | |||
+ | padding: 0px; | ||
+ | background: #fff ; | ||
+ | border: 1px solid #9CD2ED ; | ||
+ | } | ||
+ | |||
+ | #sddm div a | ||
+ | { position: relative; | ||
+ | height:16px; | ||
+ | display: block; | ||
+ | margin: 0px; | ||
+ | padding: 4px 20px; | ||
+ | padding-top:auto; | ||
+ | padding-bottom:auto; | ||
+ | width:auto; | ||
+ | min-width: 100px; | ||
+ | font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica !important; | ||
+ | text-align: left; | ||
+ | text-decoration: none; | ||
+ | background: transparent; | ||
+ | color: #2e6d95; | ||
+ | font-weight:normal !important; | ||
+ | font-size: 11px !important ; | ||
+ | border:none; | ||
+ | |||
+ | } | ||
+ | |||
+ | #sddm div a:hover | ||
+ | { background: #61b5da url(https://static.igem.org/mediawiki/2010/9/9d/MArrow.png) no-repeat; | ||
+ | |||
+ | color: #FFF; | ||
+ | text-decoration:none; | ||
+ | font: 11px arial; | ||
+ | font-weight:500; | ||
+ | } | ||
+ | |||
+ | /* menu ends */ | ||
+ | |||
+ | #text{ | ||
+ | text-align:left; | ||
+ | width:100%; | ||
+ | margin: 5px 10px 10px 0px; | ||
+ | background: #fff ; | ||
} | } | ||
- | + | #text p | |
- | + | { | |
- | + | padding: 10px 10px 10px 25px; | |
- | + | font-family: "Times New Roman"; | |
- | + | font-size:13px; | |
- | + | line-height:19px; | |
} | } | ||
- | . | + | .logo{ |
- | + | float:left; | |
- | + | padding: 10px 20px 10px 20px; | |
+ | } | ||
+ | |||
+ | #text p{color: #07374E;} | ||
+ | |||
+ | .read{ | ||
+ | text-align: right; | ||
+ | padding-bottom:5px; | ||
+ | /* padding-right: 5px;*/ | ||
} | } | ||
- | + | #myTitle{ | |
- | + | font-family: Arial, Helvetica, sans-serif; | |
- | + | font-weight:normal; | |
- | + | color: #00456e; | |
- | + | font-size: 16px; | |
- | + | height: 36px; | |
+ | |||
+ | padding-top: 10px; | ||
+ | padding-right:-200px; | ||
+ | margin-left: 20px; | ||
+ | text-align:center; | ||
+ | background: url(https://static.igem.org/mediawiki/2010/6/64/Title_center.png) left top; | ||
+ | background-repeat:no-repeat; | ||
+ | |||
} | } | ||
- | + | ||
- | + | #team { | |
- | + | padding: 20px 10px 20px 30px; | |
- | + | ||
- | + | ||
} | } | ||
- | + | /* center ends */ | |
- | + | ||
- | + | /* right starts */ | |
+ | |||
+ | #right{ | ||
+ | width:160px; | ||
+ | padding-left: 20px; | ||
+ | /*padding-right: 135px;*/ | ||
+ | float:left; | ||
} | } | ||
- | . | + | #right .read a{ |
- | + | ||
+ | color: #06639e; | ||
+ | font-weight:normal; | ||
+ | font-style: italic; | ||
+ | font-size: 12px; | ||
+ | text-decoration:none; | ||
+ | border-bottom: 1px #06639e; | ||
+ | padding-right:10px; | ||
} | } | ||
- | . | + | #right .read a:hover{border-bottom: 1px dotted #06639e;} |
- | + | ||
- | + | ||
+ | #lab{ | ||
+ | |||
+ | padding-top:0px; | ||
+ | background: url(https://static.igem.org/mediawiki/2010/1/10/CatCon.png) top left repeat-y; | ||
+ | min-height:100px; | ||
+ | /*margin-left:30px;*/ | ||
+ | border: 1px dotted #0485B0; | ||
+ | } | ||
+ | .numleft{ | ||
+ | background: url(https://static.igem.org/mediawiki/2010/2/22/Numbg1.png); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: left top; | ||
+ | float:right; | ||
+ | width: 37px; | ||
+ | min-height: 37px; | ||
+ | font-family: Arial,Helvetica,sans-serif; | ||
+ | |||
+ | font-weight: bold; | ||
+ | color: #ffffff; | ||
+ | text-align: center; | ||
+ | margin: 25px 8px 0px 8px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .numleft p{ | ||
+ | padding-top: 2px; | ||
+ | padding-left: 1px; | ||
+ | font-size: 16px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .newsright{ | ||
+ | text-align:left; | ||
+ | margin: 10px 50px 0 10px; | ||
+ | } | ||
+ | |||
+ | .newsright p{ | ||
+ | font-size:11px; | ||
+ | color:#07374E; | ||
+ | margin-top:7px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .Title3 { | ||
+ | font-family: Comic Sans; | ||
+ | font-weight:600; | ||
+ | color: #fff; | ||
+ | font-size: 16px; | ||
+ | text-align:center; | ||
+ | width:100%; | ||
+ | height: 30px; | ||
+ | padding-top: 7px; | ||
+ | margin-top:7px; | ||
+ | margin-left:0px; | ||
+ | background: url(https://static.igem.org/mediawiki/2010/c/cf/CatTitle1.png) ; | ||
+ | background-repeat:no-repeat; | ||
+ | background-position:top left; | ||
} | } | ||
- | |||
- | |||
- | + | /* right ends */ | |
+ | |||
+ | |||
+ | /* footer starts */ | ||
- | + | #myfooter | |
- | + | { | |
- | + | height: 60px; | |
+ | font-size: 10px; | ||
+ | color: #00456e; | ||
+ | padding-right:180px; | ||
+ | |||
+ | clear:both; | ||
} | } | ||
- | + | #myfooter p{ | |
- | + | color: #fff; | |
- | + | font-size: 10px; | |
+ | font-weight: normal; | ||
+ | text-decoration: none; | ||
+ | padding-top:0px; | ||
+ | padding-left:0px; | ||
+ | bottom:0px; | ||
} | } | ||
- | + | #myfooter a{ | |
+ | color: #fff; | ||
+ | font-size: 11px; | ||
+ | font-weight: normal; | ||
+ | text-decoration: none; | ||
+ | padding-left: 0px; | ||
+ | margin-top:0px; | ||
+ | bottom:0; | ||
+ | |||
+ | } | ||
- | + | #myfooter a:hover{ | |
- | + | text-decoration: underline; | |
} | } | ||
+ | /* footer ends */ | ||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | // Copyright 2006-2007 javascript-array.com | ||
+ | |||
+ | var timeout = 500; | ||
+ | var closetimer = 1; | ||
+ | var ddmenuitem = 0; | ||
+ | |||
+ | // open hidden layer | ||
+ | function mopen(id) | ||
+ | { | ||
+ | // cancel close timer | ||
+ | mcancelclosetime(); | ||
+ | |||
+ | // close old layer | ||
+ | if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; | ||
+ | |||
+ | // get new layer and show it | ||
+ | ddmenuitem = document.getElementById(id); | ||
+ | ddmenuitem.style.visibility = 'visible'; | ||
- | |||
- | |||
- | |||
} | } | ||
- | + | // close showed layer | |
- | + | function mclose() | |
- | + | { | |
+ | if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; | ||
} | } | ||
- | + | ||
- | + | // go close timer | |
- | + | function mclosetime() | |
- | + | { | |
+ | closetimer = window.setTimeout(mclose, timeout); | ||
} | } | ||
- | </ | + | |
+ | // cancel close timer | ||
+ | function mcancelclosetime() | ||
+ | { | ||
+ | if(closetimer) | ||
+ | { | ||
+ | window.clearTimeout(closetimer); | ||
+ | closetimer = null; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | // close layer when click-out | ||
+ | document.onclick = mclose; | ||
+ | </script> | ||
+ | |||
+ | |||
</head> | </head> | ||
+ | <body> | ||
+ | <div id="all"> | ||
+ | <div id="search"></div> | ||
+ | <div id="header"> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | <div id="myContent" align="center"> | ||
+ | |||
- | < | + | <div id="left"> |
- | + | ||
- | + | ||
- | + | ||
- | + | <div class="Title1">Team</div> | |
- | + | <div class="left_grad"> | |
+ | <div class="categories"> | ||
+ | |||
+ | <a href="#">Introduction</a> | ||
+ | <a href="#">CHALMERS</a></li> | ||
+ | <a href="#">Supervisors</a></li> | ||
+ | <a href="#">Students</a> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="list_border"></div> | ||
+ | |||
+ | <div class="Title1">FUSS</div> | ||
+ | |||
+ | <div class="left_grad"> | ||
+ | <div class="categories"> | ||
+ | |||
+ | <a href="#">What's all about?</a> | ||
+ | <a href="#">Background</a> | ||
+ | <a href="#">Protein Fusion</a> | ||
+ | <a href="#"> Methods</a> | ||
+ | <a href="#">Preliminary Results</a> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="list_border"></div> | ||
- | + | <SCRIPT language=javascript> | |
- | + | $("#accordion > li").click(function(){ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | if(false == $(this).next().is(':visible')) { | ||
+ | $('#accordion > ul').slideUp(300); | ||
+ | } | ||
+ | $(this).next().slideToggle(300); | ||
+ | }); | ||
- | + | $('#accordion > ul:eq(0)').show(); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | </SCRIPT> |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | <div id="center"> | |
- | + | ||
- | + | <div id="Title2"><ul id="sddm"> | |
- | + | <li><a href="https://2010.igem.org/Team:Gothenburg-Sweden">Home</a></li> | |
- | + | <li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/Project" | |
- | + | onmouseover="mopen('m1')" | |
- | + | onmouseout="mclosetime()" >Project</a> | |
- | + | <div id="m1" | |
- | + | onmouseover="mcancelclosetime()" | |
- | + | onmouseout="mclosetime()"> | |
- | + | <a href="https://2010.igem.org/Team:Gothenburg-Sweden/Project">Description</a> | |
- | + | <a href="https://2010.igem.org/Team:Gothenburg-Sweden/Lab_Note">Lab Notes</a> | |
- | + | <a href="https://2010.igem.org/Team:Gothenburg-Sweden/Results">Results</a> | |
- | + | </div> | |
- | + | </li> | |
- | + | ||
- | + | <li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/About_us" | |
- | + | onmouseover="mopen('m2')" | |
- | + | onmouseout="mclosetime()">Team</a> | |
- | + | <div id="m2" | |
- | + | onmouseover="mcancelclosetime()" | |
- | + | onmouseout="mclosetime()"> | |
- | + | <a href="#">Chalmers University of Technology</a> | |
- | + | <a href="#">Supervisors</a> | |
- | + | <a href="#">Students</a> | |
- | + | </div> | |
- | </ | + | </li> |
- | < | + | |
- | + | <li><a href="https://2010.igem.org/Team:Gothenburg-Sweden/Sponsors">Sponsors</a></li> | |
- | + | <li id="active"><a href="https://2010.igem.org/Team:Gothenburg-Sweden/Contact">Contact Us</a></li> | |
- | + | </ul> | |
- | + | <div style="clear:both"></div></div> | |
- | + | <div id="text"> | |
- | + | ||
- | < | + | |
- | + | <p>Please do not hesitate to contact us if you have any questions or suggestions regarding our project. | |
- | + | We are available at: igem_goteborg_2010@googlegroups.com</p> | |
- | + | <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> | |
- | + | </div> </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | <div id="right"> | |
- | </ | + | <div class="Title3">Lab Notes</div> |
- | + | ||
+ | |||
+ | <div id="lab"> | ||
+ | <div class="numleft"> | ||
+ | <p>11</p> | ||
+ | </div> | ||
+ | <div class="newsright"><a href="#">August 11, 2010</a> | ||
+ | <p> The PCR reaction from yesterday was checked on a gel. α should be ... </p> | ||
+ | </div> | ||
+ | |||
+ | <div class="read"><a href="#">read more</a></div> | ||
+ | <div style="clear: both"></div> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | <div class="Title3">News</div> | ||
+ | <div id="news"> | ||
+ | <p>Göteborgs-Posten, a major daily newspaper in Sweden with the second largest national circulation, published an article involving the interview with our team... | ||
+ | <br> </p> | ||
+ | <div class="read"><a href="#">read more</a></div> | ||
+ | <div style="clear: both"></div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | <div id="myfooter"> <p> <a href="#">Home</a> | <a href="#">CTH</a> | <a href="#">Sponsors</a> | <a href="#">About Us</a> | <a href="#">Contact Us</a></p> <p>Chalmers University of Technology, Gothenburg, SWEDEN</p> | ||
+ | |||
+ | </div> | ||
+ | </div></div> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 11:58, 3 October 2010
Team
FUSS
Please do not hesitate to contact us if you have any questions or suggestions regarding our project. We are available at: igem_goteborg_2010@googlegroups.com
Lab Notes
News
Göteborgs-Posten, a major daily newspaper in Sweden with the second largest national circulation, published an article involving the interview with our team...