Team:TU-Delft

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:TU-Delft/Scripts}}{{:Team:TU-Delft/CSS}}{{:Team:TU-Delft/menu}}
 
<html>
<html>
-
<head>
+
<style type="text/css">
-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
@charset "UTF-8";
-
<title>TUDelft -Leiden iGEM 2012</title>
+
/*CSS Document */
-
<link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:TU-Delft/CSS" media="screen" />
+
/* colors #2ab117; is the intense green that our background has
 +
#357c24; is more dark green
 +
#000000; is black
 +
#ffffff; is white
 +
#10143a; is the dark blue we had at first */
 +
 +
/* colors lab notebook */
 +
.day-empty {
 +
    color: red;
 +
}
 +
.day-active {
 +
    color: green;
 +
}
 +
*{
 +
border:0;
 +
margin:0;
 +
padding:0;
 +
}
 +
html {
 +
width:100%;
 +
height:100%;
 +
background:none;
 +
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/
 +
border:none;
 +
margin:0;
 +
padding:0;
 +
}
-
<script type="text/javascript" src="tudelftigem.nl/wiki/prototype.js"></script>
+
body {
-
<script type="text/javascript" src="http://tudelftigem.nl/wiki/scriptaculous.js?load=effects,builder"></script>
+
width:100%;
-
<script type="text/javascript" src="tudelftigem.nl/wiki/lightbox.js"></script>
+
height:100%;
 +
/*background:#10143a;*/
 +
border:none;
 +
padding:0;
 +
z-index:800;
 +
}
-
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
+
#contentboxnew {
-
</head>
+
background:white;
 +
width:800px;
 +
margin: -10px auto 0 auto;
 +
padding:20px 50px 50px 50px;
 +
float: left;
 +
text-decoration:none;
 +
border:none;
 +
z-index:800;
 +
}
-
<body>
+
#contentboxnew1 {
-
<div style="height:70px; width:100%;"></div>
+
-
<img src="https://static.igem.org/mediawiki/igem.org/7/74/Background_greenlamp.jpg" class="bg_team">
+
-
<div id="logo_ed"><a href="https://2012.igem.org/Team:TU-Delft" 'onfocus=this.blur()'><img src="https://static.igem.org/mediawiki/igem.org/8/88/Logoigemklein.png" border="0" width="100" height="100"></a></div>
+
background:white;
 +
width:800px;
 +
margin: -10px auto 0 auto;
 +
padding:20px 50px 50px 50px;
 +
float: left;
 +
text-decoration:none;
 +
border:none;
 +
z-index:800;
 +
}
 +
table#tbtext
 +
{
 +
width:400px;
 +
font-weight:400;
 +
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 +
font-size: 10px;
 +
text-align: left;
 +
padding-left: 3px;
 +
text-align: justify;
 +
}
 +
td#tdunderline{border-bottom: green solid thin;}
 +
h1 {
 +
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 +
font-size:18px;
 +
text-transform:uppercase;
 +
letter-spacing:1px;
 +
/*border-bottom:2px solid #2ab117; */
 +
text-decoration:  none;
 +
color: #2ab117;
 +
}
-
<div id="twitter_widget">
+
h2{
-
<a href="http://www.thenewview.eu/igem/wiki/photos/close_button.png" onfocus='blur()' onclick='javascript:this.parentNode.style.display="none"; return false;'><img src="http://www.thenewview.eu/igem/wiki/photos/close_button.png" width="10" height="10" style="margin: 0 0 0 140px;" alt="close"></a>
+
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 +
font-size:16px;
 +
text-transform:uppercase;
 +
letter-spacing:1px;
 +
border-bottom:2px solid  #000000;
 +
text-decoration:  none;
 +
color:  #000000;
 +
}
 +
h3{
 +
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 +
font-variant: small-caps;
 +
font-stretch: ultra-expanded;
 +
color:  #2ab117;
 +
font-size:12px;
 +
font-weight:bold;
 +
line-height:18px;
 +
letter-spacing:1px;
 +
}
 +
h6{
 +
color: #357c24;
 +
font-size:11px;
 +
}
-
<script>
+
a:link, a:active, a:visited{
-
new TWTR.Widget({
+
color: #357c24;
-
  version: 2,
+
text-decoration:none;
-
  type: 'profile',
+
font-weight:#2ab117;
-
  rpp: 3,
+
target-name:new;
-
  interval: 6000,
+
target-new:tab;
-
  width: '120',
+
-
  height: 210,
+
-
  theme: {
+
-
    shell: {
+
-
      background: '#fff',
+
-
      color: '#00a6d6'
+
-
    },
+
-
    tweets: {
+
-
      background: '#fff',
+
-
      color: '#10143a',
+
-
      links: '#00a6d6'
+
-
    }
+
-
  },
+
-
  features: {
+
-
    scrollbar: false,
+
-
    loop: false,
+
-
    live: true,
+
-
    hashtags: true,
+
-
    timestamp: true,
+
-
    avatars: false,
+
-
    behavior: 'all'
+
-
  }
+
-
}).render().setUser('TudelftIgem2012').start();
+
-
</script>
+
-
</div>
+
-
<!--SOCIAL MEDIA LINK <div id="social_linkall"><a href="http://bit.ly/qebk0N" target="_blank"><img src="tudelftigem.nl/wiki/twitter_allmedia.png" width="120" height="35" border="0" /></a></div> -->
+
}
 +
a:hover{
 +
color:#2ab117;
 +
}
 +
#content {
 +
background: #2ab117;
 +
padding:0;
 +
width:100%;
 +
border:0;
 +
}
 +
#bodyContent{
 +
margin:0 auto;
 +
padding:0;
 +
width:685px;
 +
border:0;
 +
background:white;
 +
z-index:800;
 +
}
-
<!--SOCIAL ICONS - view source  <div id="social_icons"><object data="tudelftigem.nl/wiki/social_icons.html" style="overflow:hidden;" type="text/html" width="110" height="24"></object></div> -->
+
#contentbox {
-
<div id="contentbox" style="text-align:justify;">
+
background:white;
-
<!-- logo photos TUDELFT Leiden-->
+
width:590px;
-
<img src="https://static.igem.org/mediawiki/igem.org/8/8c/Header3.jpg" align="middle">
+
margin: -10px auto 0 auto;
-
<!--<img src="https://static.igem.org/mediawiki/igem.org/5/5a/Logotudelft.png" align="middle" width=280 height=110>
+
padding:20px 50px 50px 50px;
-
<img src="https://static.igem.org/mediawiki/2012/0/0c/Leiden_logo.jpg" align="middle" width=280 height=100>-->
+
float: left;
-
<!-- end logo photos -->
+
text-decoration:none;
-
<br/><br/><br/>
+
border:none;
-
<h2>Project Abstract</h2>
+
z-index:800;
-
<p>The aim of this year’s iGEM project will be the synthesis of <b>an olfactory device for the purpose of characterization of volatile compound</b>. Here, the aim is to introduce <a href="https://2012.igem.org/Team:TU-Delft/part1#A3">olfactory receptor gene fusions</a> into Saccharomyces cerevisiae and linking these receptors to a <a href="https://2012.igem.org/Team:TU-Delft/part2#A3">transcription response</a>. Aims:
+
}
-
<ol type="I">
+
-
<li>The diagnostics of the presence of tuberculosis bacteria in the lungs by sensing chemical compound methyl nicotinate by S. cerevisiae. For diagnostics, the response to these molecules is light, generated by the Lux proteins (visible blue light) or <a href="https://2012.igem.org/Team:TU-Delft/part2">GFP (fluorescent green)</a>.</li>
+
-
<li><a href="https://2012.igem.org/Team:TU-Delft/part1#A3">Introducing receptors</a> for sensing the presence of banana-smell (iso-amyl acetate). This is done to see whether communication between S. cerevisiae and E. coli is possible by this volatile intermediate.</li>
+
-
<li>Supplying a toolkit which allows scientists to <a href="https://2012.igem.org/Team:TU-Delft/part1#A3">introduce olfactory receptors</a> in yeast with minimal effort. Further we want to characterize the receptor parts submitted by the <a href="https://2009.igem.org/Team:HKU-HKBU">2009 Hongkong university</a>.</li>
+
-
</ol>
+
-
</p>
+
-
<h2><i>Main Results</i></h2>
+
-
<ul><li><a href="https://2012.igem.org/Team:TU-Delft/part1"> Localization of receptor NR1 using FLAG </a></li>
+
-
<li><a href="https://2012.igem.org/Team:TU-Delft/part1#P7"> Activation of receptor NR1 by it's native ligand niacin </a></li>
+
-
<li><a href="https://2012.igem.org/Team:TU-Delft/part2#A2"> Activation of the reporter by the native ligand </a></li>
+
-
<li><a href="https://2012.igem.org/Team:TU-Delft/part1#P8"> Providing a platform to swap receptors, promoters and terminators easier</a></li>
+
-
<h2><i>Snifferomyces</i>: A Tuberculosis Screening Automaton</h2>
+
img.bg_team {
-
<br/>
+
-
<p>The 2012 project of the TU Delft iGEM team, draws inspiration from the sniffer rats which can be trained to sniff out unexploded landmines and tuberculosis. Tuberculosis infects around 8 million people a year and kills approximately 2 million. Drugs to treat tuberculosis have been around for a long time, so a rapid diagnosis system can help curb the spread of the disease. This year our team takes the first steps to make for this problem a screening olfactory automation!</p><br>
+
-
<br/>
+
-
<center>
+
/* Set rules to fill background */
-
<div id="groupphoto" style="position:relative; top:0; left:0;  width:580px; height:400px; border:0; margin:0 0 20px 0; padding:0; overflow:hidden;">
+
min-height: 100%;
-
<a href="https://static.igem.org/mediawiki/igem.org/7/7b/Groupphoto2.PNG" rel="lightbox" title="iGem TUDelft Leiden team 2012" target="_blank">
+
min-width: 1024px;
-
<img src="https://static.igem.org/mediawiki/igem.org/7/7b/Groupphoto2.PNG" name="kugroup" width="580" height="400" border="0" id="kugroup" /></a></div><br/>
+
-
</center>
+
-
<h5>Yes! We are at the <em>National News</em>!!! You can read the article from <b>NRC Handelsblad</b> <a href="https://static.igem.org/mediawiki/igem.org/c/c7/ZomerrepoNRC7aug.pdf">here</a>! <br/>
+
/* Set up proportionate scaling */
-
But this is not enough. We really need your enhancement in order to succeed to our effort. Please help us improve our world! You can find more information in our <b><a href="https://2012.igem.org/Team:TU-Delft/crowdfunding">Crowdfunding Page</a></b></h5>.
+
width: 100%;
 +
height: auto;
 +
/* Set up positioning */
 +
position: fixed;
 +
top: 0;
 +
left: 0;
 +
z-index:-1;
 +
}
-
<div id="groupphoto" style="position:relative; top:0; left:0;  width:580px; height:330px; border:0; margin:0 0 20px 0; padding:0; overflow:hidden;">
+
@media screen and (max-width: 1024px){
 +
img.bg_team {
 +
left: 50%;
 +
margin-left: -512px; }
 +
}
 +
#logo_ed{
 +
position:fixed;
 +
width:150px;
 +
height:100px;
 +
margin:10px 0 0 10px;
 +
border:0;
 +
top:0px;
 +
left:0px;
 +
padding:0;
 +
float:left;
 +
z-index:999;
 +
}
 +
#logo_igem2{
 +
position:fixed;
 +
width:70px;
 +
height:57px;
 +
margin:120px 0 0 20px;
 +
border:0;
 +
top:0px;
 +
left:0px;
 +
float:left;
 +
z-index:9990;
 +
        background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');
 +
}
 +
#logo_igem2:hover{
 +
      background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');
 +
}
-
<center><iframe src="http://www.thenewview.eu/igem/wiki/photos/photoslide.html" style="width:580px; height:330px; border:0;"></iframe></center>
+
#twitter_widget{
 +
position:fixed;
 +
width:155px;
 +
height:240px;
 +
background:white;
 +
padding:10px 0 0 0;
 +
bottom:90px;
 +
left:0px;
 +
z-index:1001;
 +
}
 +
#social_linkall{
 +
position:fixed;
 +
bottom:48px;
 +
left:10px;
 +
width:120px;
 +
height:35px;
 +
z-index:1001;
 +
border:0;
 +
}
-
</div>
+
#social_icons{
 +
position:fixed;
 +
bottom:15px;
 +
left:20px;
 +
width:110px;
 +
height:24px;
 +
z-index:1001;
 +
}
 +
/*
 +
#video-container{
 +
position:relative;
 +
z-index:800;
 +
}
 +
*/
-
<h5> Do not forget to get our app at your phone!! Stay informed about all the updates in our wiki through your android !! To download it press <a href="https://play.google.com/store/apps/details?id=com.vansteinengroentjes.apps.igem" target="_blank">here</a> </h5><br/>
+
#nav { /*main menu css*/
-
<h6>You can also find us on <a href="https://www.facebook.com/TudelftIgem2012">facebook</a>! </h6>
+
position:fixed;
-
<br/>
+
width:1300px;
 +
top:30px;
 +
left:40%;
 +
right:60%;
 +
margin: 0 0 0 -230px;
 +
padding: 0;
 +
z-index:1001;
-
<div id="clustrmaps-widget"></div><script type="text/javascript">var _clustrmaps = {'url' : 'https://2012.igem.org/Team:TU-Delft', 'user' : 1038920, 'server' : '4', 'id' : 'clustrmaps-widget', 'version' : 1, 'date' : '2012-08-25', 'lang' : 'en', 'corners' : 'square' };(function (){ var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'http://www4.clustrmaps.com/counter/map.js'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);})();</script><noscript><a href="http://www4.clustrmaps.com/user/155fda48"><img src="http://www4.clustrmaps.com/stats/maps-no_clusters/2012.igem.org-Team-TU-Delft-thumb.jpg" alt="Locations of visitors to this page" /></a></noscript></div>
+
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
-
+
font-size:14px;
 +
letter-spacing:1px;
 +
text-transform:uppercase;
 +
}
 +
#nav ul{
 +
width: 620px;
 +
background: white;
 +
text-align:center;
 +
margin: 0 auto;
 +
}
 +
#nav li.on ul, #nav li.off ul {
 +
margin: 0;
 +
padding: 0;
 +
}
 +
#nav a {
 +
text-decoration: none;
 +
}
 +
#nav li { /*float the main list items*/
 +
margin: 0;
 +
float: left;  
 +
display: inline;
 +
padding:0 3px;
 +
background:white ;
 +
text-align:center;
 +
}
 +
#nav li ul {
 +
display: none;
-
<!-- calls facebook page is connected through the scripts page-->
+
}
-
<div id="contentbox" style="text-align:justify;" class="fb-like-box" data-href="https://www.facebook.com/TudelftIgem2012" data-width="600" data-show-faces="false" data-stream="true" data-header="false"></div>
+
#nav li.off ul, #nav li.on ul { /*put the subnav below*/
 +
position:absolute;
 +
/*width:1300px;*/
 +
height:60px;
 +
top:95%;
 +
/*left:30px;
 +
right:50%;*/
 +
margin: 0 0 0 -343px;
 +
padding: 0 0 0 0;
 +
background:white;
 +
/*text-align:center;*/
 +
}
-
<a href='https://2012.igem.org/Main_Page' target="_blank"><div id='logo_igem2'></div><a/>
+
#nav li a {
 +
color: #000000;  /*the main menu letters color but home*/
 +
font-weight: bold;
 +
display: block;
 +
height: 15px;
 +
width: auto;
 +
border-bottom:0;
 +
margin: 5px;
 +
padding: 0 0 5px 0;
 +
}
-
</body></html>
+
#nav li a span { /*i dont know what this is about*/
 +
color: #FFD109;
 +
}
-
<div id="contentbox"> {{:Team:TU-Delft/Footer}} </div> <!-- Sponsors table. make changes in https://2012.igem.org/Team:TU-Delft/Footer -->
+
#nav li a span span{ /*i dont know what this is about*/
 +
color: #FFD109;
 +
}
 +
 
 +
#nav li a span span span{ /*i dont know what this is about*/
 +
color: #FFD109;
 +
}
 +
 
 +
#nav li.on a {
 +
border-bottom: 2px solid black;
 +
color: #000000;  /*the color of HOME by default*/
 +
}
 +
 
 +
#nav li.on2 a {    /*i dont know what this is about*/
 +
border-bottom: 2px solid blue;
 +
color: aqua;
 +
}
 +
 
 +
#nav li.on a:hover {
 +
color: #2ab117;
 +
}
 +
 
 +
#nav li.on a:hover span{
 +
color:#2ab117;
 +
}
 +
 
 +
#nav li.on ul a, #nav li.off ul a {
 +
/*float: center; ie doesn't inherit the float*/
 +
border: 0;
 +
font-size:12px;
 +
color:  #2ab117;
 +
width: auto;
 +
margin-right: 0px;
 +
/*text-align: center;*/
 +
}
 +
#nav li.on ul {
 +
display: block;
 +
}
 +
#nav li.off:hover ul {
 +
display: inline;
 +
z-index: 6000;
 +
}
 +
#nav li.off a:hover, #nav li:hover a {
 +
background:white;
 +
color: black;
 +
}
 +
 
 +
#nav li.off a:hover span, #nav li:hover a {
 +
background: white;
 +
color: #2ab117;
 +
}
 +
 
 +
.third{
 +
font-size:11px;
 +
padding:0;
 +
}
 +
 
 +
#footer {
 +
text-decoration:none;
 +
border:none;
 +
width:100%;
 +
}
 +
#footer-box{
 +
width:0px;
 +
height:0px;
 +
display:none;
 +
}
 +
 
 +
.sum_dot{
 +
list-style: disc;
 +
}
 +
 
 +
.sum_number{
 +
list-style: decimal;
 +
}
 +
 
 +
#contentSub{
 +
width:0px;
 +
height:0px;
 +
display:none;
 +
}
 +
 
 +
 
 +
 
 +
#catlinks{
 +
width:0px;
 +
height:0px;
 +
display:none;
 +
}
 +
 
 +
.twtr-widget {
 +
width: 150px;
 +
}
 +
 
 +
.twtr-hd, .twtr-ft {
 +
    display:none;
 +
}
 +
 
 +
#siteSub {
 +
display:none;
 +
}
 +
 
 +
#search-controls {
 +
display:none;
 +
}
 +
 
 +
.firstHeading {
 +
display:none;
 +
}
 +
 
 +
#search-controls {
 +
display:none;
 +
}
 +
 
 +
#p-logo {
 +
display:none;
 +
}
 +
 
 +
#top-section {
 +
border:none;
 +
margin: 0 auto;
 +
height:0px  ! important;
 +
width:100%;
 +
}
 +
#centeredimage {
 +
display: block;
 +
text-align:center;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
#globalWrapper{
 +
margin:0;
 +
padding:0;
 +
border:0;
 +
}
 +
.visualClear{
 +
height:0;
 +
width:0;
 +
display:none;
 +
}
 +
 
 +
#menubar {
 +
    position: absolute;
 +
    white-space: nowrap;
 +
    top:0;
 +
    width: 350px;
 +
    z-index: 5;
 +
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 +
    font-size: 95%;
 +
    line-height: 1em;
 +
z-index:1001;
 +
}
 +
 
 +
#menubar ul {
 +
    color: #E81B05;
 +
    list-style: none;
 +
}
 +
#menubar li {
 +
    display: inline;
 +
    position: relative;
 +
    cursor: pointer;
 +
    padding-left: 0px;
 +
    padding-right: 0px;
 +
}
 +
 
 +
 
 +
#centeredmenu_bg{
 +
position:fixed;
 +
top:0px;
 +
background:#ffffff; /* the white line behind the main menu*/
 +
left:0px;
 +
width:100%;
 +
height:70px;
 +
z-index:999;
 +
}
 +
 
 +
#centeredmenu {
 +
position:fixed;
 +
width:690px;
 +
bottom:15px;
 +
left:50%;
 +
margin:0 0 0 -345px;
 +
padding:0;
 +
 
 +
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 +
font-size:14px;
 +
letter-spacing:1px;
 +
text-transform:uppercase;
 +
z-index:999;
 +
text-align:center;
 +
}
 +
 
 +
#centeredmenu ul {
 +
display:inline;
 +
  clear:left;
 +
  list-style:none;
 +
line-height:20px;
 +
height:20px;
 +
  margin:0;
 +
  position:relative;
 +
  right:0px;
 +
  text-align:center;
 +
background:red;
 +
}
 +
#centeredmenu ul li {
 +
display:inline;
 +
list-style:none;
 +
margin:0;
 +
text-decoration:none;
 +
padding:10px;
 +
position:relative;
 +
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 +
color:aqua;
 +
font-size:14px;
 +
font-weight:bold;
 +
text-transform:uppercase;
 +
line-height:16px;
 +
letter-spacing:1px;
 +
}
 +
 
 +
#centeredmenu ul li a {
 +
display:inline;
 +
margin:0 0 0 1px;
 +
text-decoration:none;
 +
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 +
color:aqua;
 +
font-size:14px;
 +
font-weight:bold;
 +
text-transform:uppercase;
 +
line-height:16px;
 +
letter-spacing:1px;
 +
}
 +
#centeredmenu ul li a:hover {
 +
text-decoration:none;
 +
border-bottom: 2px solid black;
 +
}
 +
 
 +
 
 +
.left-menu li a {
 +
    padding: 0px 10px 0px 0px;
 +
color:
 +
}
 +
.left-menu .selected {
 +
# color: white;
 +
}
 +
#.left-menu .selected:hover {
 +
# color:  #000000;
 +
#}
 +
 
 +
.left-menu:hover a {
 +
    color:  #000000;
 +
}
 +
 
 +
.left-menu, .left-menu a {
 +
    left: 0px;
 +
    text-align: left;
 +
    color:transparent;
 +
    text-transform: lowercase;
 +
}
 +
 
 +
.left-menu a:hover {
 +
text-decoration:underline;
 +
}
 +
.left-menu:hover {
 +
    color: #000000;
 +
    background-color: white;
 +
}
 +
 
 +
.right-menu li {
 +
#  background-color: yellow ;
 +
}
 +
 
 +
.right-menu li a {
 +
    padding: 0px 15px 0px 0px;
 +
    color: white;
 +
    background-color:  #2ab117;
 +
}
 +
.right-menu li a:hover {
 +
    color:  #2ab117;
 +
    text-decoration: underline;
 +
background-color: white;
 +
}
 +
.right-menu, .right-menu a {
 +
    right: 0px;
 +
    text-align: right;
 +
    color: white;
 +
 
 +
}
 +
 
 +
#logo_igem_div{
 +
position:relative;
 +
top:0;
 +
left:0;
 +
width:70px;
 +
height:57px;
 +
border:0;
 +
margin:0;
 +
padding:0;
 +
overflow:hidden;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
#lightbox{
 +
position: absolute;
 +
left: 0;
 +
width: 100%;
 +
z-index: 100;
 +
text-align: center;
 +
line-height: 0;
 +
}
 +
#lightbox img{
 +
width: auto;
 +
height: auto;
 +
}
 +
#lightbox a img{
 +
border: none;
 +
}
 +
 
 +
#outerImageContainer{
 +
position: relative;
 +
background-color: white;
 +
width: 250px;
 +
height: 250px;
 +
margin: 0 auto;
 +
}
 +
#imageContainer{
 +
padding: 10px;
 +
}
 +
 
 +
#loading{
 +
position: absolute;
 +
top: 40%;
 +
left: 0%;
 +
height: 25%;
 +
width: 100%;
 +
text-align: center;
 +
line-height: 0;
 +
}
 +
#hoverNav{
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
height: 100%;
 +
width: 100%;
 +
z-index: 10;
 +
}
 +
#imageContainer>#hoverNav{ left: 0;}
 +
#hoverNav a{ outline: none;}
 +
 
 +
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
 +
#prevLink { left: 0; float: left;}
 +
#nextLink { right: 0; float: right;}
 +
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }
 +
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }
 +
 
 +
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
 +
 
 +
#imageData{ padding:0 10px; color: #000; }
 +
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
 +
#imageData #caption{ font-weight: bold; }
 +
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
 +
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}
 +
 
 +
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
 +
 
 +
 
 +
 
 +
</style>
 +
<html>

Revision as of 21:49, 26 September 2012